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, 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 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
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
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
- Die WebGPU API