THREE.JS / WEBGPU MATERIAL CONTRACT
Shade the world in steps.
The official study varies diffuse color and a red-channel DataTexture gradientMap across a 5×5×5 matrix, then wraps the result in TSL toonOutlinePass.
Initializing—
Preparing the toon material graph.- PIPELINE
- —
- PROFILE
- —
- GRADIENT
- —
- SPECIMENS
- —
- OUTLINE
- —
- SAMPLE AVG / P95
- —
Native WebGPU uses MeshToonNodeMaterial and toonOutlinePass; WebGL2 is an explicit MeshToonMaterial/OutlineEffect reference. Official font labels, exact matrix scale, Stats/Inspector presentation, assets, and whole-example fidelity remain separate. Official example