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