GPURenderPassEncoder：drawIndirect() 方法
注意：此功能在 Web Workers 中可用。
drawIndirect() 方法属于 GPURenderPassEncoder 接口，它使用从 GPUBuffer 读取的参数来绘制图元。
语法
js
drawIndirect(indirectBuffer, indirectOffset)
参数
indirectBuffer-
一个
GPUBuffer，其中包含执行绘制操作所需的vertexCount、instanceCount、firstVertex和firstInstance值。该缓冲区必须包含一个紧密集成的 32 位无符号整数值块，代表这些值（总共 16 字节），其顺序与GPURenderPassEncoder.draw()的参数顺序相同。例如：jsconst uint32 = new Uint32Array(4); uint32[0] = 3; // The vertexCount value uint32[1] = 1; // The instanceCount value uint32[2] = 0; // The firstVertex value uint32[3] = 0; // The firstInstance value // Write values into a GPUBuffer device.queue.writeBuffer(buffer, 0, uint32, 0, uint32.length);注意：需要启用
indirect-first-instance功能才能使用非零的firstInstance值。如果未启用indirect-first-instance功能且firstInstance不为零，则drawIndirect()调用将被视为 no-op（无操作）。 indirectOffset-
indirectBuffer中数据开始的偏移量（以字节为单位）。
返回值
无 (Undefined)。
验证
调用 drawIndirect() 时必须满足以下条件，否则将生成 GPUValidationError，并且 GPURenderPassEncoder 将变得无效。
indirectBuffer的GPUBuffer.usage包含GPUBufferUsage.INDIRECT标志。indirectOffset+indirectBuffer中值参数指定的总大小小于或等于indirectBuffer的GPUBuffer.size。indirectOffset是 4 的倍数。
示例
js
// …
// Create GPURenderPassEncoder
const passEncoder = commandEncoder.beginRenderPass(renderPassDescriptor);
// Set pipeline and vertex buffer
passEncoder.setPipeline(renderPipeline);
passEncoder.setVertexBuffer(0, vertexBuffer);
// Create drawIndirect values
const uint32 = new Uint32Array(4);
uint32[0] = 3;
uint32[1] = 1;
uint32[2] = 0;
uint32[3] = 0;
// Create a GPUBuffer and write the draw values into it
const drawValues = device.createBuffer({
size: 16,
usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.INDIRECT,
});
device.queue.writeBuffer(drawValues, 0, uint32, 0, uint32.length);
// Draw the vertices
passEncoder.drawIndirect(drawValues, 0);
// End the render pass
passEncoder.end();
// End frame by passing array of GPUCommandBuffers to command queue for execution
device.queue.submit([commandEncoder.finish()]);
// …
规范
| 规范 |
|---|
| WebGPU # dom-gpurendercommandsmixin-drawindirect |
浏览器兼容性
加载中…