THREE.JS / WEBGPU MATERIAL NODES
Seventeen ways to shade a teapot.
The native lane keeps the official material matrix visible: local/world/normal nodes, texture and opacity nodes, custom TSL and WGSL functions, triplanar and screen projection, and an animated loop node.
Initializing—
Preparing the material node matrix.
- materials
- —
- geometry
- —
- nodes
- —
- texture
- —
- sample avg / p95
- —
- motion
- —
- inspector
- —
- backend
- —
Native WebGPU is based on the pinned official materials example. The deterministic local texture replaces the official UV-grid and alpha-map assets; Inspector presentation, exact layout/camera timing, device/compiler breadth, performance calibration, and whole-example fidelity remain separate. Add ?backend=webgl for the explicit reference lane.