THREE.JS / FOUNDATIONS 24

Light is the composition.

A physical-scale studio makes the image-quality stack visible: environment reflections, shadow-map decisions, tone mapping, bloom, and outline passes.

pipeline
—
environment
—
passes
—
shadows
—
draw calls
—
triangles
—
Initializing WebGL2

Preparing the HDR environment, shadow map, and pass chain…

Click a studio object to outline it.

Drag to orbit · click an object · press R to reset

Next: immersive rendering
LAB 24 / LIGHT + COMPOSITING