THREE.JS / FOUNDATIONS 118

Count the shadow views.

A directional light renders one view, a point light renders six cube faces, and CSM renders one directional view per cascade. Hold the scene constant and measure how topology changes the renderer's work.

Initializing -

Preparing the selected shadow topology.

topology: -
backend: -
shadow views: -
shadow maps: -
resolution: -
updates: -
compile: -
first submit: -
draw calls: -

Shadow topology matrixpreparing

Topology Renderer target Shadow map Point lights CSM cascades CSM split mode Shadow updates move the casters render shadows

Structural controls reload the renderer so light topology stays explicit.

Measured renderer budgetwaiting

sample frames: -
submit avg: -
submit p95: -
triangles: -
textures: -
render targets: -
memory total: -
shadow pass: -

Run the fixed sample after the selected shadow views are ready. Values are local renderer counters and CPU submission measurements.

What this teachestopology x work

Map resolution changes texel density; point lights multiply shadow views by six; and cascades trade extra shadow renders for near/far coverage. Static scenes can cache those views with LightShadow.

The frame metric is CPU-side render submission time, not a universal GPU time. Compare topologies in the same browser session; press R to reset.

Study CSM node ownership next ->

LAB 118 / SHADOW TOPOLOGY