TIME,DISASSEMBLED.

A still photo doesn't justify a price. Mechanics do.

The AX-01 is a 100% procedural calibre that disassembles piece by piece on scroll — case, bezel, crown, dial, hands, gear train, hairspring, escapement, rotor, tourbillon — and reassembles along the exact reverse path.

• EXPLOSION SYSTEMPer-part delay/span window + smoothstep over a global progress; reassembly is the reverse path, not another animation.+

  READ THE TECHNICAL DETAIL

  It inherits the shared-state architecture from AUREX MOTORS (fixed canvas, single-file scene script, damped camera), but the differentiator is the disassembly system. Every watch component is a <Part> with a home position, offset, rotation and its own progress window (delay/span). A smoothstep function reads a global 'explode' value and each piece slides out and back in cascade within its window. Reassembly isn't a separate animation: it's the exact same exit path walked backwards.

• PROCEDURAL WATCHRing case (ExtrudeGeometry), 5 parametric gears with instanced teeth, Archimedean spiral, escapement, tourbillon.+

  READ THE TECHNICAL DETAIL

  The watch is 100% procedural: a ring-shaped case (a hollowed ExtrudeGeometry, not a solid cylinder), a bezel, a knurled crown, a dial with instanced hour markers, five parametric gears with instanced teeth, a mainspring built as an Archimedean-spiral tube, an oscillating escapement and the tourbillon's own spinning cage with its balance wheel. One real bug shows the value of instrumenting instead of guessing. The case started as a solid cylinder, and its front cap, invisible to intuition, hid the dial for an entire work session. The diagnosis only came from a raycast fired from screen center listing hits in order, which exposed the cylinder sitting 6cm in front of the dial.

• RAYCAST DEBUGAn invisible cap hid the dial for an entire session; a raycast from screen center listed hits and exposed the bug.+

  READ THE TECHNICAL DETAIL

  The watch is 100% procedural: a ring-shaped case (a hollowed ExtrudeGeometry, not a solid cylinder), a bezel, a knurled crown, a dial with instanced hour markers, five parametric gears with instanced teeth, a mainspring built as an Archimedean-spiral tube, an oscillating escapement and the tourbillon's own spinning cage with its balance wheel. One real bug shows the value of instrumenting instead of guessing. The case started as a solid cylinder, and its front cap, invisible to intuition, hid the dial for an entire work session. The diagnosis only came from a raycast fired from screen center listing hits in order, which exposed the cylinder sitting 6cm in front of the dial.

• MATERIALSA CanvasTexture on the dial was the biggest realism jump at zero cost; glass as MeshBasicMaterial to kill the Fresnel veil.+

  READ THE TECHNICAL DETAIL

  The biggest realism jump cost zero extra geometry: a CanvasTexture printed onto the dial (minute track, brand name, numerals) solved what no material swap could fix alone. Glass also demanded a counter-intuitive call. A transparent MeshPhysicalMaterial at a grazing angle reflects almost 100% of direct light through Fresnel, creating a milky veil over the dial regardless of opacity. The fix was a MeshBasicMaterial with a constant tint, leaving reflections entirely to the metal parts.

BUILT WITH — Next.js · TypeScript · React Three Fiber · Three.js · GSAP · Lenis · TailwindCODE ↗

• 15

  SCENES

• 10

  PARTS THAT COME APART

• 05

  PARAMETRIC GEARS

• 360°

  DRAG GALLERY

Studio project, live

100% PROCEDURAL WATCH IN R3F

[ I WANT SOMETHING LIKE THIS ]