Create a single-file three.js application that renders a 3D animation of a wristwatch disassembly. The animation should be a single continuous camera shot. Start at 10cm showing the full watch (labeled '01 THE WATCH'). Move through the case, gears, and escapement, zooming deeper until we reach the ruby jewel. Keep zooming into the ruby until we see a single glowing chromium atom at 0.1nm (labeled 'ATOM'). Include a scale log on the right side and a HUD timer. The animation should smoothly loop back to the start. Use PBR materials, warm studio lighting, and a shallow depth of field.
One HTML file, three.js r160 (jsDelivr importmap), 1080x1350, 60 fps, 27 s: a dive from a wristwatch to one atom, then a looping rewind.
Seconds, HUD top left (counter, name, Geist Mono subline):
0.0 01 THE WATCH: 40 mm steel, white dial, D97757 seconds hand stepping 6x/s, camera already pushing in; flips over at 1.0.
2.0 02 THE CASE BACK: unscrews 60°, flies past the camera.
3.4 03 THE MOVEMENT: 40 parts explode upward in 4 layers, springs damping 0.6; camera cranes to 3/4.
6.4 04 THE BALANCE: swings ±270° at 1/4 speed, hairspring breathing.
9.0 05 THE ESCAPEMENT: 15-tooth wheel steps 12° per tick, pallet fork flips.
11.6 06 ONE JEWEL: ruby pallet stone; camera flies into it.
13.8 07 THE CRYSTAL: 0.6 s red caustic rush hides the scale jump; Al2O3 lattice, ivory oxygen, silver aluminum, crimson fog.
17.8 08 ONE CHROMIUM ATOM: glows D97757, camera stops, 1.8 s hold.
21.4 Rewind all levels in 4.8 s; 0.8 s pre-roll lands on frame 0.
One camera, no cuts. Each next target glows D97757 0.8 s before entry. Right edge: log gauge 10 cm to 0.1 nm, orange marker, live field-of-view readout. Warm studio E9E4DA darkening with depth; PBR steel, gold, ruby; bloom, shallow focus, 2% grain, vignette. Expose window.renderAt(t), seeded random, no requestAnimationFrame when ?t= is set.
