SHOWCASE · PRODUCT
Product Showcase
A glTF model with three clickable hotspots. Each hotspot stores a focus camera pose and an OrbitControls target — clicking it starts a tween toward that pose. Controls are disabled during the tween (otherwise the user fights the camera) and re-enabled once the camera arrives.
Where it shows up: Apple iPhone tech-spec pages, GoPro feature reveals, watch / headphone PDPs that scroll through close-ups, automotive interior tours. The pattern is the 3D analogue of an image-with-callouts diagram, replacing static photography with a navigable scene.
Implementation note: don't fight the user — disable OrbitControls.enabled while tweening, then re-enable. Hotspots use drei <Billboard> so they always face the camera as the user orbits. The hotspot label and description live in the side panel — HTML in HTML, not in the canvas.
Variations: AR view button (model-viewer), color/material variants combined with hotspots, "feature scrub" via scroll instead of click, exploded-view animation that pulls parts apart.