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

Syntax

js
drawIndirect(indirectBuffer, indirectOffset)

Parameter

indirectBuffer

Ein GPUBuffer, der die Werte vertexCount, instanceCount, firstVertex und firstInstance enthält, die für die Durchführung der Zeichnungsoperation erforderlich sind. Der Puffer muss einen dicht gepackten Block aus vier 32-Bit-ganzzahligen Werten ohne Vorzeichen enthalten, die die Werte darstellen (insgesamt 16 Bytes), in der gleichen Reihenfolge wie die Argumente für GPURenderPassEncoder.draw(). 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 indirect-first-instance Funktionalität muss aktiviert sein, damit nicht-null firstInstance-Werte verwendet werden können. Wenn die indirect-first-instance-Funktionalität nicht aktiviert ist und firstInstance nicht null ist, wird der drawIndirect() Aufruf als No-Op behandelt.

indirectOffset

Der Offset, in Bytes, in indirectBuffer, an dem die Wertedaten 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:

  • GPUBuffer.usage von indirectBuffer enthält das GPUBufferUsage.INDIRECT-Flag.
  • indirectOffset + die durch die Werteparameter im indirectBuffer spezifizierte 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