GPUBindGroupLayout

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Secure context: This feature is available only insecure contexts (HTTPS), in some or allsupporting browsers.

Note: This feature is available inWeb Workers.

TheGPUBindGroupLayout interface of theWebGPU API defines the structure and purpose of related GPU resources such as buffers that will be used in a pipeline, and is used as a template when creatingGPUBindGroups.

AGPUBindGroupLayout object instance is created using theGPUDevice.createBindGroupLayout() method.

Instance properties

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

Examples

Note:TheWebGPU samples feature many more examples.

Basic example

Ourbasic compute demo shows an example of creating a bind group layout and then using that as a template when creating a bind group.

// …const bindGroupLayout = device.createBindGroupLayout({  entries: [    {      binding: 0,      visibility: GPUShaderStage.COMPUTE,      buffer: {        type: "storage",      },    },  ],});const bindGroup = device.createBindGroup({  layout: bindGroupLayout,  entries: [    {      binding: 0,      resource: {        buffer: output,      },    },  ],});// …