Skip to content

ToonMaterial

new ToonMaterial({ color?, gradientMap?, layer?, opacity?, transparent?, depthTest?, depthWrite?, side? })

THREE equivalent: THREE.MeshToonMaterial

Stepped cel shading. Lighting is evaluated per-vertex and snapped to the nearest HSL16 step defined by the gradientMap.

Differs from THREE.js

Shading is always Gouraud (Flat is not supported). Color quantisation is HSL16, not a generic ramp.

Name Type Description
color Color Base surface color. Default 0xffffff.
gradientMap Texture|undefined 1D texture defining lighting steps. Each texel maps an intensity level to a final color.