TIME,DISASSEMBLED.

CONTEXT

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

Luxury watches on the web are almost always static product photos, which never convey the mechanical complexity that justifies the price.

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.

WHAT WAS DONE

A 100% procedural watch (Calibre AX-01 Tourbillon) that disassembles piece by piece as you scroll (case, bezel, crown, dial, hands, gear train, mainspring, escapement, rotor and the tourbillon's spinning cage), then reassembles along the exact reverse path. A 15-scene film, a real-time material configurator and a drag-to-rotate 360° gallery.

15 SCENES · 100% PROCEDURAL WATCH

SOLUTIONS

• Modular explosion system

  Each part has its own exit/return window; reassembly is the exact reverse path, not a separate animation.

• Raycast-driven debugging

  A solid-geometry bug hiding the dial was only found by listing raycast hits, not by visual trial and error.

• Realism via CanvasTexture

  The printed dial (minute track, brand) was the project's single biggest visual win, at zero geometry cost.

1. 01 / FILMFifteen scenes with a fixed canvas, a single-file script and a damped camera — the architecture inherited from Aurex Motors.
2. 02 / EXPLODEEvery <Part> has a home position, offset, rotation and a window (delay/span). A smoothstep reads the global explode value and each piece slides out and back in cascade.
3. 03 / CONFIGUREA configurator with real-time material swaps and a drag-to-rotate 360° gallery; four expressions of the same calibre.

TECHNICAL DETAIL

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

  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.+

  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.+

  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.

NUMBERS

• 15

  SCENES

• 10

  PARTS THAT COME APART

• 05

  PARAMETRIC GEARS

• 360°

  DRAG GALLERY

SCREENS

RESULT

Studio project, live

100% PROCEDURAL WATCH IN R3F

I WANT SOMETHING SIMILAR ↗OPEN SITE ↗