Launch Directory/AI Agents/How To Prompt

How To Prompt · Launch Video Breakdown: Hook, Pacing & Motion Design

Someone built an AI-driven 3D particle simulator that runs 100% in your browser. It lets you generate and visualize complex particle systems with prompts and then export them as HTML, React, or Thr…

AI AgentsLaunchMay 15, 2026@HowToPrompt__

Website View on X

9.2 /10

Hook score

Visual Spectacle & Feature Montage

Cuts / min

1:01

Runtime

60K

Views

Likes

Reposts

Replies

Reusable motion template

Dynamic Particle System Showcase

Technical Motion Graphics & Abstract Data Visualization

Adapt it.

Replace existing particle system data with new 3D models representing financial data (e.g., stock charts, economic indicators, company networks).
Update UI slider labels and functionality to reflect financial parameters (e.g., 'Risk Tolerance', 'Growth Rate', 'Market Volatility').
Change holographic text overlays to display financial terms, company names, and predictive insights.
Maintain the dark background, vibrant glowing colors (e.g., blue for growth, red for decline), and clean monospace typography.
Ensure rapid, dynamic transitions between different financial visualizations to maintain high energy.

Source: X / Twitter launch · View original post

Launch overview & key findings

A 61-second technical motion graphics & abstract data visualization launch video by How To Prompt, unveiled on May 15, 2026 with over 60K views on X. Evaluated at a 9.2/10 hook score with an editing tempo of 4 cuts per minute, the production demonstrates How To Prompt introduces an AI-driven 3D particle simulator that runs entirely in the browser, allowing users to generate and visualize complex particle systems through prompts. The video showcases a wide array of scientific and abstract concepts, from 'Odyssey' ships to 'DNA Tesseract Nanowires' and 'Blackholes', all rendered as dynamic, glowing particle formations. The motion style is characterized by rapid cuts, vibrant particle effects, and a clean, futuristic UI, emphasizing the product's interactive and technologically advanced nature.

0:00 · The Hook · Particle System Showcase: From Odyssey to Starship

0:00 / 0:00

The Hook
Particle System Showcase: From Odyssey to Starship
“(No spoken dialogue — ambient visual with subtle UI clicks)”
On screen
AI PARTICLE SIMULATOR ? AI GUIDE COMMUNITY CLOUD (ONLINE) SEARCH CLOUD SHAPES... STRING THEORY BY ESNAR PRASATH SINGULARITY ODYSSEY REVOLUTIONARY INVENTIONS BULB STARSHIP BUTTERFLY FIRE AI COGNITION XXX SIN, COS, TAN WAVES COMPARISON ELECTROMAGNETIC INDUCTION HAVE FUN DNA TESSERACT WIRE HOOK LAW SIMULATION CONTROLS Ship Scale Sea Wave Speed Wind Force Rowing Speed THE ODYSSEY Odysseus' ship navigating the wine-dark sea. 5. THE INTERNET A global web of interconnected data nodes. Bulb Scale Power Level Filament Glow INCANDESCENT SWARM Drone formation simulating a realistic light bulb with dynamic glowing filament and helical threads. Size of Ship Swarm Movement Spin Speed Particle Dispersion STARSHIP HOLOGRAM Procedural WebGL particle swarm forming a realistic Starship. Features metallic rendering, heatshield tiles, and flowing surface animation. Flame Height Flame Width Turbulence Flicker Speed REALISTIC FIRE SIMULATION Volumetric particle flame using trigonometric turbulence and thermal gradient mapping. Wave Width Frequency Time Speed Sine Visibility Cosine Visibility Tangent Visibility TRIGONOMETRIC WAVE COMPARATOR Sine, Cosine, and Tangent waves rendered together. Use visibility sliders to isolate and compare their behavior over time. System Scale Processing Speed Network Density Entropy AI COGNITION MATRIX Real-time computational latency and throughput visualization. Outer Size Inner Ratio Wire Spacing Electron Cloud DNA TESSERACT NANOWIRE Visualizing the assembly of nested DNA cubic frameworks (tesseracts) into a conductive wire. As per shio et al. (NAX, 2025), these 16-oligonucleotide structures align via acoustic seeding to form microscale electronic components. Spring Constant Amplitude Lattice Spread Oscillation Speed HOOKE'S LAW FIELD Each particle behaves like a mass on a spring: restoring force F = -kx creates collective oscillations in a 3D lattice.
Product Reveal
Advanced Physics & Abstract Concepts
“(No spoken dialogue — dynamic visual transitions)”
On screen
AI PARTICLE SIMULATOR ? AI GUIDE COMMUNITY CLOUD (ONLINE) SEARCH CLOUD SHAPES... STRING THEORY BY ESNAR PRASATH SINGULARITY ODYSSEY REVOLUTIONARY INVENTIONS BULB STARSHIP BUTTERFLY FIRE AI COGNITION XXX SIN, COS, TAN WAVES COMPARISON ELECTROMAGNETIC INDUCTION HAVE FUN DNA TESSERACT WIRE HOOK LAW 4D RAYLEIGH SCATTERING LAW GRAPHENE SHEET ELECTRIC MOTOR ARC REACTOR FOURIER TRANSFORM QUANTUM HELIX TORUS HYPER HELIX TORUS BLACKHOLE STRANGE CREATION OF STAR LUNAR ECLIPSE CHRISTMAS DNA SOUND WAVE SOLAR SYSTEM TRAVELING IN MILKY WAY ATOM RINGS PHYSICS VORTEX MANUAL CONTROL OPEN DRAWING PAD SIMULATION CONTROLS Motor Speed Stator Radius Flux Intensity BRUSHLESS MOTOR ARCHITECTURE Visualizing electromagnetic induction. Orange: Stator Windings (Copper). Blue: Rotor (Magnets). Cyan: Magnetic Flux. Core Radius Containment Rings Energy Flow Plasma Glow ARC REACTOR CORE Toroidal plasma containment with 6 magnetic rings. Energy output at 100%. PHASOR SUMMATION TIME DOMAIN OUTPUT FOURIER SERIES DECOMPOSITION Visualizing a Square Wave constructed from pure Sine waves. Math: f(t) = (4/π) Σ [1/n] sin(nωt) / n Harmonics: Odd integers (n = 1, 3, 5...) Concept: Any complex periodic wave can be constructed by adding simple sine waves. EVENT HORIZON (RS = 10) PHOTON SPHERE (1.5 Rs) ISCO GARGANTUA - INTERSTELLAR'S EXTREME KESR BLACK HOLE Schwarzschild radius Rs = 2GM/c² = 10 units Accretion disk follows Keplerian orbits with strong Doppler beaming (approaching side *5 brighter, blue- shifted) Photon sphere at 1.5 Rs shows unstable light orbits Gravitational lensing bends background light: Einstein ring at impact parameter =5.2 Rs Frame-dragging & relativistic beaming simulated for maximum cinematic realism. Field Expansion Harmonic Density WAVEFRONT SINGULARITY SIMULATION CONTROLS System Scale Processing Speed Network Density Entropy AI COGNITION MATRIX Real-time computational latency and throughput visualization.
Feature Teaser
Interactive Particle Generation & Export
“(No spoken dialogue — rhythmic visual transitions)”
On screen
AI PARTICLE SIMULATOR ? AI GUIDE COMMUNITY CLOUD (ONLINE) SEARCH CLOUD SHAPES... STRING THEORY BY ESNAR PRASATH SINGULARITY ODYSSEY REVOLUTIONARY INVENTIONS BULB STARSHIP BUTTERFLY FIRE AI COGNITION XXX SIN, COS, TAN WAVES COMPARISON ELECTROMAGNETIC INDUCTION HAVE FUN DNA TESSERACT WIRE HOOK LAW 4D RAYLEIGH SCATTERING LAW GRAPHENE SHEET ELECTRIC MOTOR ARC REACTOR FOURIER TRANSFORM QUANTUM HELIX TORUS HYPER HELIX TORUS BLACKHOLE STRANGE CREATION OF STAR LUNAR ECLIPSE CHRISTMAS DNA SOUND WAVE SOLAR SYSTEM TRAVELING IN MILKY WAY ATOM RINGS PHYSICS VORTEX MANUAL CONTROL OPEN DRAWING PAD SIMULATION CONTROLS Field Expansion Harmonic Density WAVEFRONT SINGULARITY SIMULATION CONTROLS System Scale Processing Speed Network Density Entropy AI COGNITION MATRIX Real-time computational latency and throughput visualization. SIMULATION CONTROLS Motor Speed Stator Radius Flux Intensity BRUSHLESS MOTOR ARCHITECTURE Visualizing electromagnetic induction. Orange: Stator Windings (Copper). Blue: Rotor (Magnets). Cyan: Magnetic Flux. Core Radius Containment Rings Energy Flow Plasma Glow ARC REACTOR CORE Toroidal plasma containment with 6 magnetic rings. Energy output at 100%. PHASOR SUMMATION TIME DOMAIN OUTPUT FOURIER SERIES DECOMPOSITION Visualizing a Square Wave constructed from pure Sine waves. Math: f(t) = (4/π) Σ [1/n] sin(nωt) / n Harmonics: Odd integers (n = 1, 3, 5...) Concept: Any complex periodic wave can be constructed by adding simple sine waves. EVENT HORIZON (RS = 10) PHOTON SPHERE (1.5 Rs) ISCO GARGANTUA - INTERSTELLAR'S EXTREME KESR BLACK HOLE Schwarzschild radius Rs = 2GM/c² = 10 units Accretion disk follows Keplerian orbits with strong Doppler beaming (approaching side *5 brighter, blue- shifted) Photon sphere at 1.5 Rs shows unstable light orbits Gravitational lensing bends background light: Einstein ring at impact parameter =5.2 Rs Frame-dragging & relativistic beaming simulated for maximum cinematic realism.
Call to Action
Export & Community Engagement
“(No spoken dialogue — final visual reveals and UI interactions)”
On screen
AI PARTICLE SIMULATOR ? AI GUIDE COMMUNITY CLOUD (ONLINE) SEARCH CLOUD SHAPES... STRING THEORY BY ESNAR PRASATH SINGULARITY ODYSSEY REVOLUTIONARY INVENTIONS BULB STARSHIP BUTTERFLY FIRE AI COGNITION XXX SIN, COS, TAN WAVES COMPARISON ELECTROMAGNETIC INDUCTION HAVE FUN DNA TESSERACT WIRE HOOK LAW 4D RAYLEIGH SCATTERING LAW GRAPHENE SHEET ELECTRIC MOTOR ARC REACTOR FOURIER TRANSFORM QUANTUM HELIX TORUS HYPER HELIX TORUS BLACKHOLE STRANGE CREATION OF STAR LUNAR ECLIPSE CHRISTMAS DNA SOUND WAVE SOLAR SYSTEM TRAVELING IN MILKY WAY ATOM RINGS PHYSICS VORTEX MANUAL CONTROL OPEN DRAWING PAD SIMULATION CONTROLS Field Expansion Harmonic Density WAVEFRONT SINGULARITY SIMULATION CONTROLS System Scale Processing Speed Network Density Entropy AI COGNITION MATRIX Real-time computational latency and throughput visualization. SIMULATION CONTROLS Motor Speed Stator Radius Flux Intensity BRUSHLSS MOTOR ARCHITECTURE Visualizing electromagnetic induction. Orange: Stator Windings (Copper). Blue: Rotor (Magnets). Cyan: Magnetic Flux. Core Radius Containment Rings Energy Flow Plasma Glow ARC REACTOR CORE Toroidal plasma containment with 6 magnetic rings. Energy output at 100%. PHASOR SUMMATION TIME DOMAIN OUTPUT FOURIER SERIES DECOMPOSITION Visualizing a Square Wave constructed from pure Sine waves. Math: f(t) = (4/π) Σ [1/n] sin(nωt) / n Harmonics: Odd integers (n = 1, 3, 5...) Concept: Any complex periodic wave can be constructed by adding simple sine waves. EVENT HORIZON (RS = 10) PHOTON SPHERE (1.5 Rs) ISCO GARGANTUA - INTERSTELLAR'S EXTREME KESR BLACK HOLE Schwarzschild radius Rs = 2GM/c² = 10 units Accretion disk follows Keplerian orbits with strong Doppler beaming (approaching side *5 brighter, blue- shifted) Photon sphere at 1.5 Rs shows unstable light orbits Gravitational lensing bends background light: Einstein ring at impact parameter =5.2 Rs Frame-dragging & relativistic beaming simulated for maximum cinematic realism.

Synthesizable in Remotion · key components of the ai-particle-simulator-showcase template.

ParticleSwarmMorph

A dense cloud of particles dynamically reconfigures its shape, transitioning smoothly between complex 3D forms (e.g., a ship, a bulb, a starship). The particles maintain a volumetric appearance and often exhibit internal motion or glow.

+ Code construction recipe

Utilize Remotion's `interpolate` for smooth transitions between different 3D mesh data points. Implement a custom WebGL shader for particle rendering, controlling color, size, and glow based on particle properties and proximity. Use `spring` for subtle, organic 'breathing' or oscillation effects within the particle swarm.

InteractiveUISlider

On-screen UI sliders and toggles are animated to show parameter adjustments in real-time, directly influencing the particle simulation. The sliders highlight on interaction and values update numerically.

+ Code construction recipe

Animate slider thumb positions and value text using `interpolate` with `easeOutCubic` for a responsive feel. Use `useCurrentFrame` to drive the slider's value changes over time, simulating user interaction. Apply CSS transitions for hover states and active highlights on UI elements.

HolographicTextOverlay

Descriptive text labels appear and fade over specific regions of the 3D particle simulations, often connected by thin lines to the relevant part. These labels have a subtle glow and a slightly pixelated, futuristic aesthetic.

+ Code construction recipe

Render text using a custom font with a `text-shadow` for glow. Animate opacity and scale using `interpolate` for a fade-in/scale-up effect. Use SVG lines or canvas drawing to create the connecting pointers, animating their draw path or opacity. Apply a subtle `filter: blur()` or `filter: drop-shadow()` for a holographic feel.