WebGPURenderer: Compute Texture 3D Example

[RenaudRohlinger]

Related

• WebGPURenderer: Add Storage3DTexture and StorageArrayTexture #31175

Description
StorageTexture3D was failing in TSL so I finished the implementation and added an example:

This contribution is funded by Utsubo

FYI @Spiri0, and thanks for the prior work.

[github-actions]

📦 Bundle size

Full ESM build, minified and gzipped.

	Before	After	Diff
WebGL	337.69 78.76	337.69 78.76	+0 B +0 B
WebGPU	557.18 154.29	557.35 154.34	+169 B +47 B
WebGPU Nodes	556.1 154.07	556.27 154.12	+169 B +46 B

🌳 Bundle size after tree-shaking

Minimal build including a renderer, camera, empty scene, and dependencies.

	Before	After	Diff
WebGL	468.91 113.45	468.91 113.45	+0 B +0 B
WebGPU	632.84 171.31	632.98 171.34	+133 B +28 B
WebGPU Nodes	587.98 160.66	588.11 160.69	+133 B +29 B

[Spiri0]

@RenaudRohlinger
A nice example. That's exactly what I wanted the storage3DTexture for, I mean, for gaslike objects. However, I only implemented it for wgslFn because I don't understand TSL very well yet. I also created the storageArrayTexture only for wgslFn. If you'd like, you can adapt it for TSL as well.

[linbingquan]

I found error: Uncaught (in promise) Error: Uniform "storageTexture" not declared. in browser dev tool.