GPURenderPassEncoder: drawIndirect()-Methode

Limited availability

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

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 Primitiven unter Verwendung von Parametern, die aus einem GPUBuffer gelesen werden.

Syntax

js
drawIndirect(indirectBuffer, indirectOffset)

Parameter

indirectBuffer

Ein GPUBuffer, der die für den Zeichenprozess benötigten Werte vertexCount, instanceCount, firstVertex und firstInstance enthält. Der Puffer muss einen dicht gepackten Block von vier 32-Bit-unsigned-Integer-Werten enthalten, die die Werte in derselben Reihenfolge wie die Argumente für GPURenderPassEncoder.draw() darstellen (insgesamt 16 Byte). 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: Die Verwendung von firstInstance-Werten ungleich Null erfordert die Aktivierung der indirect-first-instance- Funktion. Wenn die indirect-first-instance-Funktion nicht aktiviert ist und firstInstance ungleich Null ist, wird der drawIndirect()-Aufruf als No-Op behandelt.

indirectOffset

Der Offset in Bytes, ab dem die Wertedaten im indirectBuffer beginnen.

Rückgabewert

Keiner (Undefined).

Validierung

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

  • Der GPUBuffer.usage von indirectBuffer enthält das GPUBufferUsage.INDIRECT-Flag.
  • indirectOffset + die durch die Werteparameter im indirectBuffer angegebene Gesamtgröße ist kleiner oder gleich der GPUBuffer.size des 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