THREE.JS / FOUNDATIONS 267

Recursive cubes on a reflective floor.

This lab isolates the official reflection boundary: instanced recursive tree cubes, a native ReflectorNode, TSL-driven cube deformation, and a render-pipeline blur/vignette pass.

Initializing recursive reflection—

Preparing the reflective floor, recursive cube field, and graph pipeline.

backend
—
tree
—
reflection
—
pipeline
—
material
—
sample
—
Recursive reflection controlswaiting

The recursive field and reflector graph will be compiled after the renderer is ready.

Reflection contractTSL
fieldrecursive cubes

instanced attributes

capturefloor reflection

ReflectorNode

deformationTSL position graph

effector uniforms

pipelinepost-render graph

GaussianBlur + vignette

surfacenode material

MeshStandardNodeMaterial

fallbackWebGL2 reference

direct matte floor

The native lane keeps the recursive instancing, reflector capture, and render-pipeline composition inspectable.

WebGPU executes ReflectorNode and the TSL tree graph. Forced WebGL2 preserves the scene/lifecycle with a clearly labeled direct reference.

Derived from the official Reflection + Recursive Tree Cubes example. Use ?backend=webgl to inspect the explicit fallback.

LAB 267 / RECURSIVE REFLECTION