GPURenderBundleEncoder: draw()-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 draw()-Methode der GPURenderBundleEncoder-Schnittstelle zeichnet Primitive basierend auf den von setVertexBuffer() bereitgestellten Vertex-Buffer.

Hinweis: Diese Methode ist funktional identisch mit ihrem Äquivalent auf GPURenderPassEncoder — draw().

Syntax

js
draw(vertexCount)
draw(vertexCount, instanceCount)
draw(vertexCount, instanceCount, firstVertex)
draw(vertexCount, instanceCount, firstVertex, firstInstance)

Parameter

vertexCount

Eine Zahl, die die Anzahl der zu zeichnenden Vertices definiert.

instanceCount Optional

Eine Zahl, die die Anzahl der zu zeichnenden Instanzen definiert. Wenn ausgelassen, ist der Standardwert von instanceCount 1.

firstVertex Optional

Eine Zahl, die den Versatz in die Vertex-Buffer in Vertices definiert, ab dem gezeichnet wird. Wenn ausgelassen, ist der Standardwert von firstVertex 0.

firstInstance Optional

Eine Zahl, die die erste zu zeichnende Instanz definiert. Wenn ausgelassen, ist der Standardwert von firstInstance 0.

Rückgabewert

Keiner (Undefined).

Beispiele

js
function recordRenderPass(passEncoder) {
  if (settings.dynamicOffsets) {
    passEncoder.setPipeline(dynamicPipeline);
  } else {
    passEncoder.setPipeline(pipeline);
  }
  passEncoder.setVertexBuffer(0, vertexBuffer);
  passEncoder.setBindGroup(0, timeBindGroup);
  const dynamicOffsets = [0];
  for (let i = 0; i < numTriangles; ++i) {
    if (settings.dynamicOffsets) {
      dynamicOffsets[0] = i * alignedUniformBytes;
      passEncoder.setBindGroup(1, dynamicBindGroup, dynamicOffsets);
    } else {
      passEncoder.setBindGroup(1, bindGroups[i]);
    }
    passEncoder.draw(3, 1, 0, 0);
  }
}

Der obige Codeausschnitt stammt aus dem WebGPU Samples Animometer Beispiel.

Spezifikationen

Specification
WebGPU
# dom-gpurendercommandsmixin-draw

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch