GPURenderBundleEncoder:setVertexBuffer() 方法

可用性有限

此特性不是基线特性,因为它在一些最广泛使用的浏览器中不起作用。

安全上下文: 此功能仅在安全上下文(HTTPS)中可用,且支持此功能的浏览器数量有限。

注意:此功能在 Web Workers 中可用。

GPURenderBundleEncoder 接口的 setVertexBuffer() 方法用于设置或取消设置指定槽位中当前将为后续绘制命令提供顶点数据的 GPUBuffer

注意: 此方法的功能与其在 GPURenderPassEncoder 上的等效方法 — setVertexBuffer() — 完全相同。

语法

js
setVertexBuffer(slot, buffer, offset, size)

参数

slot

一个数字,引用要为其设置顶点缓冲区的顶点缓冲区槽位。

buffer

一个 GPUBuffer,代表包含要用于后续绘制命令的顶点数据的缓冲区,或者为 null,在这种情况下,指定槽位中先前设置的任何缓冲区都将被取消设置。

offset 可选

一个数字,表示 buffer 中顶点数据开始位置的偏移量(以字节为单位)。如果省略,offset 默认为 0。

size 可选

一个数字,表示 buffer 中顶点数据的大小(以字节为单位)。如果省略,size 默认为 bufferGPUBuffer.size - offset

返回值

无 (Undefined)。

验证

调用 setVertexBuffer() 时必须满足以下条件,否则将生成 GPUValidationError,并且 GPURenderBundleEncoder 将变得无效

示例

设置顶点缓冲区

js
function recordRenderPass(passEncoder) {
  if (settings.dynamicOffsets) {
    passEncoder.setPipeline(dynamicPipeline);
  } else {
    passEncoder.setPipeline(pipeline);
  }
  passEncoder.setVertexBuffer(0, vertexBuffer);
  passEncoder.setBindGroup(0, timeBindGroup);
  const dynamicOffsets = [0];
  for (let i = 0; i < numTriangles; ++i) {
    if (settings.dynamicOffsets) {
      dynamicOffsets[0] = i * alignedUniformBytes;
      passEncoder.setBindGroup(1, dynamicBindGroup, dynamicOffsets);
    } else {
      passEncoder.setBindGroup(1, bindGroups[i]);
    }
    passEncoder.draw(3, 1, 0, 0);
  }
}

上面的代码片段摘自 WebGPU 示例 Animometer 示例

取消设置顶点缓冲区

js
// Set vertex buffer in slot 0
passEncoder.setVertexBuffer(0, vertexBuffer);

// Later, unset vertex buffer in slot 0
passEncoder.setVertexBuffer(0, null);

规范

规范
WebGPU
# dom-gpurendercommandsmixin-setvertexbuffer

浏览器兼容性

另见