Chapter 231: StorageTexture

Core Idea

This special type of texture is intended for compute shaders. It can be used to compute the data of a texture with a compute shader.

Note: This type of texture can only be used with WebGPURenderer and a WebGPU backend.

Key Concepts

• image : Object: The image object which just represents the texture's dimension.
• isStorageTexture : boolean (readonly): This flag can be used for type testing.
• magFilter : number: The default magFilter for storage textures is THREE.LinearFilter.
• minFilter : number: The default minFilter for storage textures is THREE.LinearFilter.
• mipmapsAutoUpdate : boolean: When true, mipmaps will be auto-generated after compute writes. When false, mipmaps must be written manually via compute shaders.

Reference Tables

Constructor

Signature
new StorageTexture( width : number, height : number )

Properties

Property	Description
.image : Object	The image object which just represents the texture's dimension.
.isStorageTexture : boolean (readonly)	This flag can be used for type testing.
.magFilter : number	The default magFilter for storage textures is THREE.LinearFilter.
.minFilter : number	The default minFilter for storage textures is THREE.LinearFilter.
.mipmapsAutoUpdate : boolean	When true, mipmaps will be auto-generated after compute writes. When false, mipmaps must be written manually via compute shaders.

Methods

Method	Description
.setSize( width : number, height : number )	Sets the size of the storage texture.

Key Takeaways

1. StorageTexture extends: EventDispatcher → Texture
2. Most relevant properties: image, isStorageTexture, magFilter, minFilter.
3. Key methods: setSize.

Connects To

• EventDispatcher: parent class
• Texture: parent class
• Source: src/renderers/common/StorageTexture.js