THREE.JS / FOUNDATIONS 143

Make the floor remember.

A recursive field of animated cubes meets a flat reflector. Trace reflection capture, recursive bounces, TSL instance attributes, and a RenderPipeline blur/composite chain in one visual study.

Initializing Backend pending

Preparing instanced tree geometry and the reflection pipeline.

mode: -
tree cubes: -
reflection: -
pipeline: -
draws: -
triangles: -
CPU avg / p95: -
graph builds: -

Reflection graphWebGPU reflection controls are live.

capture scale recursive bounces

show reflector contribution blur + vignette postprocess animate recursive effectors

Render graphpending

tree instances→ReflectorNode→scene pass→GaussianBlur→RenderPipeline

The floor reflector captures the scene while the postprocess chain consumes the scene pass.

GPU ownershipwaiting

tree geometry-

reflector target-

scene pass-

blur node-

sample stateidle

The reflection target and pipeline remain owned until an explicit release.

Drag to orbit · WebGPU runs the official reflector/pipeline path · use ?forceWebGL=1 for the direct baseline

Compare WaterMesh reflection and refraction →

LAB 143 / RECURSIVE REFLECTION