GPUQueue: submit() method

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The submit() method of the GPUQueue interface schedules the execution of command buffers represented by one or more GPUCommandBuffer objects by the GPU.

Syntax

js

submit(commandBuffers)

Parameters

commandBuffers

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

Return value

None (Undefined).

Validation

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

Examples

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

js

// ...

// 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.

js

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

Note: Study the WebGPU samples to find more queue examples.

Specifications

Specification
WebGPU
# dom-gpuqueue-submit

Browser compatibility

BCD tables only load in the browser

See also