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 |
瀏覽器相容性
載入中…