THREE.JS / MATERIAL CONTRACT
Shade the world in steps.
The official material study varies diffuse color and a red-channel DataTexture gradientMap across a matrix of spheres, then wraps the result in OutlineEffect. This lab keeps the quantized shading contract visible with deterministic local specimens.
ReadyWEBGL2 / TOON
Waiting for the material matrix.
- palette
- —
- gradient
- —
- specimens
- —
- outlines
- —
- sample avg / p95
- —
The official font labels, 5 × 5 × 5 matrix scale, Stats panel, exact camera/page composition, and presentation styling are not copied. Remote assets, native WebGPU parity, device-wide performance, context-loss stress, and whole-example fidelity remain separate boundaries.
Sources: MeshToonMaterial · official toon material example