GPUTexture: createView() method
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
The createView() method of the
GPUTexture interface creates a GPUTextureView representing a specific view of the GPUTexture.
Syntax
createView()
createView(descriptor)
Parameters
descriptorOptional-
An object containing the following properties:
arrayLayerCountOptional-
A number defining how many array layers are accessible to the view, starting with the
baseArrayLayervalue.If
arrayLayerCountis omitted, it is given a value as follows:- If
dimensionis"1d","2d", or"3d",arrayLayerCountis 1. - If
dimensionis"cube",arrayLayerCountis 6. - If
dimensionis"2d-array", or"cube-array",arrayLayerCountisGPUTexture.depthOrArrayLayers-baseArrayLayer.
- If
aspectOptional-
An enumerated value specifying which aspect(s) of the texture are accessible to the texture view. Possible values are:
"all"-
All available aspects of the texture format will be accessible to the view, which can mean all or any of color, depth, and stencil, depending on what kind of format you are dealing with.
"depth-only"-
Only the depth aspect of a depth-or-stencil format will be accessible to the view.
"stencil-only"-
Only the stencil aspect of a depth-or-stencil format will be accessible to the view.
If omitted,
aspecttakes a value of"all". baseArrayLayerOptional-
A number defining the index of the first array layer accessible to the view. If omitted,
baseArrayLayertakes a value of 0. baseMipLevelOptional-
A number representing the first (most detailed) mipmap level accessible to the view. If omitted,
baseMipLeveltakes a value of 0. dimensionOptional-
An enumerated value specifying the format to view the texture as. Possible values are:
"1d": The texture is viewed as a one-dimensional image."2d": The texture is viewed as a single two-dimensional image."2d-array": The texture is viewed as an array of two-dimensional images."cube": The texture is viewed as a cubemap. The view has 6 array layers, corresponding to the[+X, -X, +Y, -Y, +Z, -Z]faces of the cube. Sampling is done seamlessly across the faces of the cubemap."cube-array": The texture is viewed as a packed array of N cubemaps, each with 6 array layers corresponding to the[+X, -X, +Y, -Y, +Z, -Z]faces of the cube. Sampling is done seamlessly across the faces of the cubemaps."3d": The texture is viewed as a three-dimensional image.
If
dimensionis omitted, it is given a value as follows:- If
GPUTexture.dimensionis"1d",dimensionis"1d". - If
GPUTexture.dimensionis"2d"andGPUTexture.depthOrArrayLayersis 1,dimensionis"2d". - If
GPUTexture.dimensionis"2d"andGPUTexture.depthOrArrayLayersis more than 1,dimensionis"2d-array". - If
GPUTexture.dimensionis"3d",dimensionis"3d".
formatOptional-
An enumerated value specifying the format of the texture view. See the Texture formats section of the specification for all the possible values.
If
formatis omitted, it will be given a value as follows:- If
aspectis"depth-only"or"stencil-only", andGPUTexture.formatis a depth-or-stencil format,formatwill be set equal to the appropriate aspect-specific format. - Otherwise it will be set equal to
GPUTexture.format.
- If
labelOptional-
A string providing a label that can be used to identify the object, for example in
GPUErrormessages or console warnings. mipLevelCountOptional-
A number defining how many mipmap levels are accessible to the view, starting with the
baseMipLevelvalue.If
mipLevelCountis omitted, it will be given a value ofGPUTexture.mipLevelCount-baseMipLevel.
Return value
A GPUTextureView object instance.
Validation
The following criteria must be met when calling createView(), otherwise a GPUValidationError is generated and an invalid GPUTextureView object is returned:
- If
aspectis"all",formatis equal toGPUTexture.format, or one of theviewFormatsspecified in the originatingGPUDevice.createTexture()call's descriptor object. - If
aspectis"depth-only"or"stencil-only",formatis equal to the appropriate aspect-specific format of the depth-or-stencil format. mipLevelCountis greater than 0.mipLevelCount+baseMipLevelis less than or equal toGPUTexture.mipLevelCount.arrayLayerCountis greater than 0.arrayLayerCount+baseArrayLayeris less than or equal toGPUTexture.depthOrArrayLayers.- If
sampleCountis greater than 1,dimensionis"2d". - If
dimensionis:"1d"GPUTexture.dimensionis"1d"arrayLayerCountis 1
"2d"GPUTexture.dimensionis"2d"arrayLayerCountis 1
"2d-array"GPUTexture.dimensionis"2d"
"cube"GPUTexture.dimensionis"2d"arrayLayerCountis 6GPUTexture.widthis equal toGPUTexture.height
"cube-array"GPUTexture.dimensionis"2d"arrayLayerCountis a multiple of 6GPUTexture.widthis equal toGPUTexture.height
"3d"GPUTexture.dimensionis"3d"arrayLayerCountis 1
Examples
In the WebGPU Samples Cubemap demo, you will see multiple examples of how createView() is used, both as to create a view resource for a GPUDevice.createBindGroup() call, and to provide a view in the depthStencilAttachment object of a GPUCommandEncoder.beginRenderPass() descriptor.
const uniformBindGroup = device.createBindGroup({
layout: pipeline.getBindGroupLayout(0),
entries: [
{
binding: 0,
resource: {
buffer: uniformBuffer,
offset: 0,
size: uniformBufferSize,
},
},
{
binding: 1,
resource: sampler,
},
{
binding: 2,
resource: cubemapTexture.createView({
dimension: "cube",
}),
},
],
});
const renderPassDescriptor: GPURenderPassDescriptor = {
colorAttachments: [
{
view: undefined, // Assigned later
loadOp: "clear",
storeOp: "store",
},
],
depthStencilAttachment: {
view: depthTexture.createView(),
depthClearValue: 1.0,
depthLoadOp: "clear",
depthStoreOp: "store",
},
};
// ...
const commandEncoder = device.createCommandEncoder();
const passEncoder = commandEncoder.beginRenderPass(renderPassDescriptor);
// ...
Specifications
| Specification |
|---|
| WebGPU # dom-gputexture-createview |
Browser compatibility
BCD tables only load in the browser
See also
- The WebGPU API