GPURenderPassEncoder: drawIndirect()-Methode
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die drawIndirect()-Methode der
GPURenderPassEncoder-Schnittstelle zeichnet Primitive unter Verwendung von Parametern aus einem GPUBuffer.
Syntax
drawIndirect(indirectBuffer, indirectOffset)
Parameter
indirectBuffer-
Ein
GPUBuffer, der die WertevertexCount,instanceCount,firstVertexundfirstInstanceenthält, die für die Durchführung der Zeichenoperation benötigt werden. Der Puffer muss einen dicht gepackten Block von vier 32-Bit-Ganzzahlen ohne Vorzeichen enthalten, die die Werte repräsentieren (insgesamt 16 Bytes), in der gleichen Reihenfolge wie die Argumente fürGPURenderPassEncoder.draw(). Zum Beispiel: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);Hinweis: Die
indirect-first-instanceFunktion muss aktiviert sein, damit Nicht-Null-firstInstance-Werte verwendet werden können. Wenn dieindirect-first-instance-Funktion nicht aktiviert ist undfirstInstancenicht null ist, wird derdrawIndirect()-Aufruf als No-Op behandelt. indirectOffset-
Der Versatz in Bytes in den
indirectBuffer, wo die Wertdaten beginnen.
Rückgabewert
Keiner (undefined).
Validierung
Die folgenden Kriterien müssen beim Aufrufen von drawIndirect() erfüllt sein, andernfalls wird ein GPUValidationError generiert und der GPURenderPassEncoder wird ungültig:
indirectBuffer'sGPUBuffer.usageenthält dasGPUBufferUsage.INDIRECT-Flag.indirectOffset+ die durch die Wertparameter imindirectBufferangegebene Gesamtgröße ist kleiner oder gleich derGPUBuffer.sizedesindirectBuffer.indirectOffsetist ein Vielfaches von 4.
Beispiele
// …
// 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()]);
// …
Spezifikationen
| Spezifikation |
|---|
| WebGPU> # dom-gpurendercommandsmixin-drawindirect> |
Browser-Kompatibilität
Siehe auch
- Die WebGPU API