Skip to content
Flight 12: A Starship Launch in WebGL

Flight 12: A Starship Launch in WebGL

Scroll down and a 124-meter Starship lights its engines beneath you, then flies its whole profile in real time. A scroll-scrubbed Three.js timeline that holds a steady frame the entire way down. Pop the 3D view and orbit it yourself.

Details

Made for
SpaceX
Published

What it is

Scroll down a webpage and a 124-meter rocket lights up beneath you. That is the entire pitch for Flight 12, a real-time recreation of SpaceX's twelfth Starship test by the studio Zero x Infinity, and somehow it earns the theatrics.

The full launch runs as a scroll-scrubbed timeline, your scrollbar standing in for the flight clock, and the 3D holds a steady frame the entire way down. Want to poke at it? Skip the scroll and open the dedicated 3D view to orbit the stack yourself, then crack open devtools and watch the scene graph and materials do their quiet work.

How it’s made

Technology
WebGL
Framework & Tool
Three.jsGSAP
Interaction
Scroll Animation
Subject
Space