THREE.JS / FOUNDATIONS 29

The sun has layers.

CSMShadowNode gives one WebGPU directional light a set of depth-aware shadow cameras. Tune the split, follow the light-space bounds, and see why distant detail needs a different budget from the foreground.

active path
—
backend
—
shadow maps
—
split breaks
—
max depth
—
light margin
—
helper
—
draw calls
—
triangles
—
Initializing Preparing renderer

Preparing the shadow cameras and light-space bounds…

Click a landmark to inspect the shadow strategy covering it.

Drag to orbit · scroll to dolly · press R to reset

Study point-light shadows
LAB 29 / CSM SHADOW NODE