THREE.JS / FOUNDATIONS 113

See what the light sees.

The official ShadowMapViewer helper renders a caster light's map as a HUD overlay. Compare the WebGPU depth-texture path with the WebGL2 texture path while changing the map budget, update cadence, and native filter.

Initializing Preparing renderer

Preparing the shadow map HUD…

Viewer contractthe HUD is an explicit render pass

renderer path shadow filter map resolution shadow bias -0.00030 viewer size 280 px render shadows show map HUD animate caster + refresh map

Inspection telemetry—

backend: —
viewer module: —
filter: —
map: —
depth texture: —
refresh requests: —
viewer frames: —
draw calls: —

The viewer will appear after the first shadow map is allocated.

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

Continue to custom shadow filtering

LAB 113 / SHADOW MAP VIEWER