How it works
three/webgpu + three/tsl: the colour is a node graph (sin/uv/time) compiled to WGSL or GLSL depending on the backend.
WebGPU + TSL (Stretch)
Three.js WebGPURenderer with a node material written in TSL. Falls back to WebGL2 automatically.
sketchThree.jsTSL
Performance
Separate renderer by necessity (WebGPU needs its own context). Badge shows which backend actually ran.
Accessibility & reduced motion
In reduced mode the scene renders on demand only: a static, fully lit frame with no idle motion.
Export
uniform float uSpeed; // 1 uniform float uScale; // 6