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 Primitiven unter Verwendung von 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 benötigt werden, um die Zeichenoperation durchzuführen. Der Puffer muss einen dicht gepackten Block von vier 32-Bit-unsigned-Integer-Werten enthalten, die die Werte in der gleichen Reihenfolge wie die Argumente für GPURenderPassEncoder.draw() darstellen (insgesamt 16 Bytes). Ein 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 Funktion muss aktiviert sein, damit nicht-null firstInstance-Werte verwendet werden können. Wenn die indirect-first-instance-Funktion nicht aktiviert ist und firstInstance nicht null ist, wird der drawIndirect()-Aufruf als No-Op behandelt.

indirectOffset

Der Offset in Bytes im 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:

  • indirectBuffer's GPUBuffer.usage enthält das GPUBufferUsage.INDIRECT-Flag.
  • indirectOffset + die durch die Wertparameter 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

BCD tables only load in the browser

Siehe auch