0xMarioNawfal · Launch Video Breakdown: Hook, Pacing & Motion Design

Scene-by-scene timeline & spoken transcript

1. 0:00 – 0:05

   The Hook

   Procedural CAD Viewport Initialization

   “(No spoken dialogue — silent screen capture)”

   On screen

   const ViewMode = Param.choice('Product', ['Product', 'Dial', ...]); const BraceletRows = Param.int(5...);

   Camera

   Orbiting around the 3D watch assembly in perspective view

   Motion

   Real-time WebGL orbit and parametric mesh compilation

2. 0:05 – 0:12

   Product Reveal

   Dial and Bezel Close-Up Inspection

   “(No spoken dialogue — silent screen capture)”

   On screen

   DIVER 300 m

   Camera

   Zoom into the dial face showing hands, indices, and bezel markings

   Motion

   Smooth 3D dolly zoom with glass shader overlay

3. 0:12 – 0:20

   Feature Teaser

   Case Geometry and Component Tooltip

   “(No spoken dialogue — silent screen capture)”

   On screen

   product.one-piece polished stainless case, lugs, and crown guards

   Camera

   Tilted side-profile view inspecting crown guards and bezel knurling

   Motion

   Interactive hover tooltip highlighting specific 3D mesh nodes

4. 0:20 – 0:30

   Feature Teaser

   Code Editor Source Inspection

   “(No spoken dialogue — silent screen capture)”

   On screen

   const C = { steel: '#B9CBC4', ... }; lights: [ ... ]; metadata: { hiddenAssumptions: [...] }

   Camera

   Zoomed out to isometric watch view while code editor scrolls down

   Motion

   Vertical IDE code scroll synchronized with fixed 3D canvas