GPURenderPassEncoder: drawIndexedIndirect() 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, bevor Sie diese produktiv verwenden.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Hinweis: Dieses Feature ist verfügbar in Web Workers.

Die drawIndexedIndirect() Methode der GPURenderPassEncoder-Schnittstelle zeichnet indizierte Primitiven mithilfe von Parametern, die aus einem GPUBuffer gelesen werden.

Syntax

js
drawIndexedIndirect(indirectBuffer, indirectOffset)

Parameter

indirectBuffer

Ein GPUBuffer, der die Werte indexCount, instanceCount, firstIndex, baseVertex und firstInstance enthält, die für die Durchführung der Zeichenoperation erforderlich sind. Der Puffer muss einen dicht gepackten Block von fünf 32-Bit-Unsigned-Integer-Werten enthalten, die die Werte repräsentieren (insgesamt 20 Bytes), in derselben Reihenfolge wie die Argumente für GPURenderPassEncoder.drawIndexed(). Zum Beispiel:

js
const uint32 = new Uint32Array(5);
uint32[0] = 3; // The indexCount value
uint32[1] = 1; // The instanceCount value
uint32[2] = 0; // The firstIndex value
uint32[3] = 0; // The baseVertex value
uint32[4] = 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 drawIndexedIndirect()-Aufruf als No-Op behandelt.

indirectOffset

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

Rückgabewert

Keiner (Undefined).

Validierung

Die folgenden Kriterien müssen beim Aufruf von drawIndirect() erfüllt sein, 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 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);
passEncoder.setIndexBuffer(indexBuffer, "uint16");

// Create drawIndexedIndirect values
const uint32 = new Uint32Array(5);
uint32[0] = 3;
uint32[1] = 1;
uint32[2] = 0;
uint32[3] = 0;
uint32[4] = 0;

// Create a GPUBuffer and write the draw values into it
const drawValues = device.createBuffer({
  size: 20,
  usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.INDIRECT,
});
device.queue.writeBuffer(drawValues, 0, uint32, 0, uint32.length);

// Draw the vertices
passEncoder.drawIndexedIndirect(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-drawindexedindirect

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch