SHOWCASE · CONFIGURATOR
Configurator
A watch built from primitives. Selecting case color or finish updates target values; the scene lerps each material's color, roughness, metalness, and clearcoat toward the target every frame. The control panel renders alongside the canvas — UI state in React, per-frame interpolation in refs.
Where it shows up: Tesla Model X configurator, Nike By You, IKEA product builder, Apple Watch Studio. Anywhere the user picks variants and expects immediate visual feedback on a 3D model.
Two non-obvious calls: use meshPhysicalMaterial from the start — switching to it from meshStandardMaterial mid-session triggers a shader recompile. Lerp colors via Color.lerp (RGB space) instead of setHSL; the latter passes through ugly hue midtones.
Variations: add textures (leather strap, brushed metal); model variants via useGLTF with visible toggles; price summary tied to selected options; share-link via URL search params.