Viktor Oddy · Launch Video Breakdown: Hook, Pacing & Motion Design
Google Antigravity is insane. Just recorded a 19-min tutorial on how to build this animated, award-winning website with Antigravity + GPT Image 2!
Scene-by-scene timeline & spoken transcript
The Hook
Vision Showcase & Dreamcore Inspiration
“Viktor introduces the completed interactive reverie portal site and explores reference prompts from MotionSites and Pinterest.”
- On screen
- motionsites.ai Cursor Follow Hero Art Landing Naturecore SaaS Prisma Creative Studio
- Camera
- Static desktop screen recording with fluid cursor navigation.
- Motion
- Multi-window UI switching with mouse click emphasis.
Problem Agitation
Asset Synthesis with GPT Image 2
“The host iterates prompts inside Higgsfield to generate foreground archway masks and background nature scenes.”
- On screen
- higgsfield.ai/ai/image?model=gpt_image_2 Generate 12 GPT Image 2 4K 16:9
- Camera
- Fixed browser perspective centered on generative prompt inputs.
- Motion
- Progressive UI generation states and parallel batch rendering.
Product Reveal
Figma Layer Slicing & Antigravity Setup
“Individual PNG layers are cleaned in Figma before writing frontend logic in the Antigravity agent terminal.”
- On screen
- localhost:5173 FALL INTO REVERIE Antigravity CLI
- Camera
- Split between Figma canvas and terminal agent view.
- Motion
- Layered transparency masking and terminal code hot-reloading.
Feature Teaser
Layout Thrashing Fix & Depth Testing
“Viktor resolves a 60fps stutter bug by migrating layout styles to GPU hardware-accelerated transforms.”
- On screen
- The flickering you were experiencing was caused by Layout Thrashing: translate3d and translateZ(0)
- Camera
- Fullscreen interactive browser testing mouse parallax depth.
- Motion
- GPU-accelerated mouse tracking with multi-plane depth separation.
Call to Action
Social Distribution & Client Acquisition
“The creator demonstrates screen-recording the finished prototype and writing high-conversion social copy on X.”
- On screen
- x.com/viktoroddy Viktor Oddy @antigravity Antigravity + GPT Image 2
- Camera
- Browser view focused on social post composer dialog.
- Motion
- Native OS screen capture overlay and rapid feed navigation.
Motion design primitives
Synthesizable in Remotion · key components of the ai-spatial-web-parallax-breakdown template.
MultiDepthParallaxStage
Simulates 3D depth by translating foreground, midground, and background layers at differential speeds based on pointer coordinates.
+ Code construction recipe
Use Remotion interpolate with spring damping on pointer coordinates, applying hardware-accelerated translate3d transforms across stacked absolute divs.
GenerativeModalPromptPill
A glowing prompt bar that expands smoothly, pulses a lime-green action button, and triggers a loading progress state.
+ Code construction recipe
Animate container dimensions and button background scale using spring physics, coordinating opacity fades for text inputs.
TerminalAgentLogStream
Simulates autonomous agent code generation with character typing animations and syntax highlighting cards sliding into view.
+ Code construction recipe
Derive visible text length from frame count using Math.floor and interpolate scroll offsets dynamically as lines append.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Result First
Purpose. Hook technical creators with an award-winning visual result.
Execution. Immediate interactive preview of the 3D parallax web portal.
- 2
Asset Extraction
Purpose. Demystify complex asset creation using AI image models.
Execution. Split prompt generation screen showing Higgsfield inpainting and Figma slicing.
- 3
Agent Execution
Purpose. Demonstrate effortless code construction via conversational AI tools.
Execution. Side-by-side terminal prompt execution and browser hot-reload.
- 4
Monetization Playbook
Purpose. Bridge technical accomplishment with commercial design client acquisition.
Execution. Live draft formulation and post preview on Twitter/X.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch of a generative audio-visual spatial editor for sound designers.How the recipe adapts
The parallax portal displays layered frequency waves and synth dials instead of nature arches. Higgsfield workflows are replaced with real-time waveform generative prompts, while the terminal agent builds WebAudio DSP nodes.Remix blueprint · ai-spatial-web-parallax-breakdown
Scene durations (5 scenes, 1194s)
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