THREE.JS / FOUNDATIONS 115

Make the penumbra earn its softness.

The official PCSS example searches the depth map for blockers, estimates a penumbra, then filters around the receiver. This study adapts that contract to the current raw-depth branch and makes the WebGL/WebGPU compatibility boundary explicit.

Initializing Preparing renderer

Preparing the PCSS shadow sampler…

Shadow filter contractreload for shader paths

filter path renderer path shadow map resolution Poisson samples light world size 0.18 shadow bias -0.00030 radius multiplier 1.00 render shadows move the caster

Runtime contract—

backend: —
requested: —
active filter: —
shader patch: —
shadow map: —
sample count: —
light size: —
bias / radius: —
shadow target: —
draw calls: —
compile: —
fallback: —

The current shader contract will be detected before materials compile.

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

Return to the complete lab catalog

LAB 115 / PCSS SHADOWS