GPURenderPassEncoder: drawIndirect()-Methode

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

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, die aus einem GPUBuffer gelesen werden.

Syntax

js
drawIndirect(indirectBuffer, indirectOffset)

Parameter

indirectBuffer

Ein GPUBuffer, der die vertexCount, instanceCount, firstVertex und firstInstance Werte enthält, die benötigt werden, um die Zeichnungsoperation durchzuführen. Der Puffer muss einen dicht gepackten Block von vier 32-Bit-Ganzzahlwerten ohne Vorzeichen enthalten, welche die Werte in derselben Reihenfolge repräsentieren wie die Argumente für GPURenderPassEncoder.draw() (insgesamt 16 Bytes). Zum Beispiel:

js
const 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: Das indirect-first-instance Feature muss aktiviert sein, damit nicht-null firstInstance-Werte verwendet werden können. Wenn das indirect-first-instance-Feature nicht aktiviert ist und firstInstance nicht null ist, wird der drawIndirect()-Aufruf als no-op behandelt.

indirectOffset

Der Versatz in Bytes in indirectBuffer, wo die Wertedaten beginnen.

Rückgabewert

Keiner (Undefined).

Validierung

Die folgenden Kriterien müssen erfüllt sein, wenn drawIndirect() aufgerufen wird, andernfalls wird ein GPUValidationError generiert und der GPURenderPassEncoder wird ungültig:

  • GPUBuffer.usage von indirectBuffer enthält das GPUBufferUsage.INDIRECT-Flag.
  • indirectOffset + die durch die Wertparameter im indirectBuffer angegebene Gesamtgröße ist kleiner oder gleich der GPUBuffer.size von indirectBuffer.
  • indirectOffset ist ein Vielfaches von 4.

Beispiele

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()]);

// …

Spezifikationen

Specification
WebGPU
# dom-gpurendercommandsmixin-drawindirect

Browser-Kompatibilität

Siehe auch