THREE.JS / FOUNDATIONS — WEBGPU TEXTURES

Generate. Resolve. Blur.

GPU procedural texture generation becomes a real texture, then a post-texture Gaussian blur is applied to the plane.

Initializing procedural texture—Preparing the TSL graph and render target.

backend: —
source graph: —
converted texture: —
plane: —
Inspector: —
auto update: —
sample avg/p95: —

UV scale before RTT 4.00 blur amount after RTT 0.50 texture auto update

Contract: native WebGPU uses checker(uv().mul(uniform)), convertToTexture(..., 512, 512) for a 512×512 texture, gaussianBlur(texture, uniform, 20), and Inspector parameters. WebGL2 is an explicit non-equivalent reference because GPU procedural-to-texture conversion is WebGPU-only here.

Pinned source: official WebGPU procedural texture example. Exact Inspector/page/pixel composition, universal performance, device/compiler matrices, and whole-example fidelity remain unverified.