THREE.JS / FOUNDATIONS / SOURCE PROMOTION

Depth leaves a soft footprint.

The official WebGPU example renders the scene into a depth-driven 512×512 target, blurs the alpha with Gaussian blur, and samples that result on a transparent ground plane before restoring the normal scene render.

Initializing

Preparing the contact-shadow render pipeline…

Backend: —
Graph: —
Target: —
Objects: —
Frame: —
Sample: WAITING
Owned: —

Source-shaped controls Blur 3.5 Darkness 1.0 Shadow opacity 1.00 Plane opacity 1.00 Renderer resolution Show shadow camera Animate meshes

Ownership boundary

RenderTarget, depth override, Gaussian blur, ground materials, scene meshes, camera controls, and renderer are owned by this route.

The local deterministic three-object field makes the render-target handoff inspectable. Official random/pixel presentation, Inspector layout, broad device/compiler/backend matrices, stress behavior, and whole-example fidelity remain separate.

Derived from the official WebGPU Contact Shadows example. Use ?backend=webgl for the explicitly labeled blur-reference lane or ?inspector=1 to opt into the native Inspector.