The Looking Glass · Launch Video Breakdown: Hook, Pacing & Motion Design
Traverse the history of the world through the eyes of multimodal models — anytime, anywhere, any style.
Scene-by-scene timeline & spoken transcript
The Hook
Neogene Prehistory Scrub
“(No spoken dialogue) Ambient prehistoric wilderness setting under silent playback.”
- On screen
- THE LOOKING GLASS 5 MILLION YEARS AGO NEOGENE 900 AD
- Camera
- Static landscape vista with interactive cursor movement.
- Motion
- Interactive scrubber timeline interpolation with tactile UI overlays.
Product Reveal
Geographic Selection & Temporal Leap
“(No spoken dialogue) User rotates a photorealistic 3D globe to Ireland.”
- On screen
- Search anywhere on Earth... Belfast City 1750 AD AGE OF ENLIGHTENMENT
- Camera
- Smooth zoom from planetary orthographic view to local street perspective.
- Motion
- Radial wave distortion shader transitioning across historic periods.
Feature Teaser
Antiquity Shift to Imperial Rome
“(No spoken dialogue) Re-indexing coordinates to 100 AD Rome.”
- On screen
- 100 AD ROMAN ERA AIMED AT 100 AD ROME DEVELOPING THE FRAME
- Camera
- Fixed camera viewport crossfading between generative spatial states.
- Motion
- Multi-pass energy wave dissolves revealing photorealistic Roman masonry.
Call to Action
Speculative Future Projection
“(No spoken dialogue) Temporal scrub advances to 2075 New York loop.”
- On screen
- 2075 AD NEAR FUTURE NYC LOOP HUB 2074 - CARBON NEGATIVE
- Camera
- Slight perspective tilt into a futuristic pedestrian boulevard.
- Motion
- Timeline indicator pin snapping into place with real-time frame synthesis.
Motion design primitives
Synthesizable in Remotion · key components of the chronological-matrix-navigator template.
TimelineScrubberBar
Dynamic horizontal linear gauge with tick marks and smooth indicator cursor tracking.
+ Code construction recipe
Remotion spring-driven cursor translation with interpolate mapping epoch markers along an SVG axis.
TemporalWarpDissolve
Concentric cyan shockwaves expand from center screen to reveal new temporal frames.
+ Code construction recipe
SVG feDisplacementMap driven by frame progress combined with an easeOut opacity mask.
OrthographicGlobeSpin
Planetary sphere rotating smoothly and zooming into target coordinate boundaries.
+ Code construction recipe
Three.js Canvas integration within Remotion, interpolating camera FOV and spherical coordinate rotation.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Deep Time Baseline
Purpose. Establish timeline breadth by starting 5 million years in the past.
Execution. Lush prehistoric savanna framed by minimal HUD telemetry.
- 2
Geospatial Relocation
Purpose. Demonstrate global reach and location querying.
Execution. Planetary globe rotation zooming into Enlightenment Belfast.
- 3
Historical Classical Anchor
Purpose. Validate historical architectural fidelity.
Execution. Energy wave transition settling onto active Roman construction.
- 4
Futuristic Extrapolation
Purpose. Tease future generative extrapolation capabilities.
Execution. High-speed slider advance snapping to eco-futuristic New York.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Architectural evolution explorer showcasing iconic urban structures through time.How the recipe adapts
The HUD tracks building milestones from blueprint sketches to finished structures, using timeline scrubbing and ripple dissolves to illustrate construction phases.Remix blueprint · chronological-matrix-navigator
Scene durations (4 scenes, 73s)
Key Remotion components
Related AI Agents Product Launches
Explore all AI Agents launches →
To ensure that artificial general intelligence benefits all of humanity
Gopuff introduces Go, an AI shopping assistant built with SpaceXAI: say what you need and the order is placed.
Iliad (Troy) trailer made by Grok Imagine 1.5, which was just released