The GPUPipelineLayout interface of the WebGPU API defines the GPUBindGroupLayouts used by a pipeline. GPUBindGroups used with the pipeline during command encoding must have compatible GPUBindGroupLayouts.

A GPUPipelineLayout object instance is created using the GPUDevice.createPipelineLayout() method.

label Experimental

A string providing a label that can be used to identify the object, for example in GPUError messages or console warnings.

The following snippet:

• Creates a GPUBindGroupLayout that describes a binding with a buffer, a texture, and a sampler.
• Creates a GPUPipelineLayout based on the GPUBindGroupLayout.

// ...

const bindGroupLayout = device.createBindGroupLayout({
  entries: [
    {
      binding: 0,
      visibility: GPUShaderStage.VERTEX | GPUShaderStage.FRAGMENT,
      buffer: {},
    },
    {
      binding: 1,
      visibility: GPUShaderStage.FRAGMENT,
      texture: {},
    },
    {
      binding: 2,
      visibility: GPUShaderStage.FRAGMENT,
      sampler: {},
    },
  ],
});

const pipelineLayout = device.createPipelineLayout({
  bindGroupLayouts: [bindGroupLayout],
});

// ...

• The WebGPU API