THREE.JS / FOUNDATIONS 27

Make shadows travel.

Tiled shadow mapping gives each slice of a large directional-light view its own camera while storing the results in a shadow-map array. Compare that budget with the ordinary one-camera shadow path.

active path
—
backend
—
shadow layers
—
resolution
—
draw calls
—
triangles
—
Initializing WebGPU preferred

Building the shadow array and its tile cameras…

Click a landmark to inspect its shadow context.

Drag to orbit · click a landmark · press R to reset

Continue to light probes Compare cascaded shadows
LAB 27 / TILED SHADOW MAPS