GPUQueue: submit() method

commandBuffers

An array of GPUCommandBuffer objects containing the commands to be enqueued for processing by the GPU.

None (Undefined).

The following criteria must be met when calling submit(), otherwise a GPUValidationError is generated and the GPUQueue becomes invalid:

• Any GPUBuffer, GPUTexture, and GPUQuerySet objects used in the encoded commands are available for use, i.e. not unavailable (GPUBuffers are unavailable if they are currently mapped) or destroyed (with the destroy() method).
• Any GPUExternalTexture objects used in the encoded commands are not expired (they expire automatically shortly after being imported via importExternalTexture()).
• If a GPUQuerySet object used in an encoded command is of type "occlusion" query, it is not already used, except by GPURenderPassEncoder.beginOcclusionQuery().

In our basic render demo, a number of commands are recorded via a GPUCommandEncoder:

// ...

// Create GPUCommandEncoder
const commandEncoder = device.createCommandEncoder();

// Create GPURenderPassDescriptor to tell WebGPU which texture to draw into, then initiate render pass

const renderPassDescriptor = {
  colorAttachments: [
    {
      clearValue: clearColor,
      loadOp: "clear",
      storeOp: "store",
      view: context.getCurrentTexture().createView(),
    },
  ],
};

const passEncoder = commandEncoder.beginRenderPass(renderPassDescriptor);

// Draw a triangle

passEncoder.setPipeline(renderPipeline);
passEncoder.setVertexBuffer(0, vertexBuffer);
passEncoder.draw(3);

// End the render pass

passEncoder.end();

// ...

The commands encoded by the GPUCommandEncoder are recoded into a GPUCommandBuffer using the GPUCommandEncoder.finish() method. The command buffer is then passed into the queue via a submit() call, ready to be processed by the GPU.

device.queue.submit([commandEncoder.finish()]);

• The WebGPU API