Konzept · frei umgesetzt Design-Entwurf · Scroll-Animation
Artemis II
Neun Tage Mondmission, gesteuert mit dem Scrollrad. Ein freies Konzept, das zeigt, was Animation im Browser heute kann.
Überblick
Artemis II hat im April 2026 vier Menschen um den Mond und wieder zurück gebracht. Für dieses Konzept habe ich die Mission als durchgehende Scroll-Animation rekonstruiert: Wer scrollt, steuert die Missionszeit. Jede Entfernung, jede Uhrzeit und jede Position im Bild stammt aus den echten Navigationsdaten der NASA, die Startsequenz aus echter NASA-Zeitlupe. Recherche, Gestaltung und Entwicklung stammen von mir.
- Leistungen
- Konzept & RechercheUI/UX DesignWebGL-EntwicklungMotion Design
- Jahr
- 2026
- Status
- Konzept · frei umgesetzt
- Tools & Tech
- Three.jsWebGL / GLSLGSAPLenisNASA/JPL HorizonsHiggsfieldAgentic Coding
Echte Daten statt Animation nach Gefühl
Die Flugbahn kommt als Vektordatensatz von NASA/JPL Horizons, aufgezeichnet von der NASA-Navigation in Houston, alle fünf Minuten eine Position. Daraus berechnet die Seite in jedem Moment, wo Orion, Erde, Mond und Sonne stehen. Die Telemetrie am Rand ist deshalb keine Dekoration: Sie zeigt den tatsächlichen Abstand zur Erde und zum Mond und die Geschwindigkeit zu genau dieser Missionszeit, bis hin zu den rund 40 Minuten Funkstille hinter dem Mond.
Die Fotos der Crew, nachgestellt
Zwei der bekanntesten Aufnahmen der Mission sind sekundengenau datiert, ihre Brennweite ist bekannt. Die Kamera der Rekonstruktion steht zu diesem Zeitpunkt am Ort von Orion und verwendet denselben Bildwinkel. Beim Erduntergang um 22:41:37 UTC füllt die Erde wie im Original ein Drittel der Bildbreite, die beleuchtete Seite liegt links. Danach blendet das Originalfoto über die Rekonstruktion.
Technik
Three.js mit eigenen Shadern: die Erde mit Atmosphärenstreuung, Nachtlichtern und Sonnenreflex auf dem Wasser, der Mond mit LRO-Karten und Höhenrelief aus dem LOLA-Laser, 9.096 Sterne aus dem Yale-Katalog und die Milchstraße aus NASA-Daten. Das Orion-Modell ist nach veröffentlichten Maßen gebaut, die Solarflügel drehen sich zur Sonne. Für den Wiedereintritt, von dem es keine Außenaufnahme gibt, kommt eine klar gekennzeichnete KI-Visualisierung zum Einsatz. Wer reduzierte Bewegung eingestellt hat, bekommt ruhige Standbilder.
Was dieses Projekt besonders macht.
Scrollen steuert die Zeit
Neun Tage Mission in einer durchgehenden Kamerafahrt.
Echte Bahndaten
Orion, Mond und Sonne aus NASA/JPL Horizons.
Fotos im Abgleich
Crew-Fotos mit Uhrzeit und Brennweite nachgestellt.
Echte Startbilder
Startsequenz aus NASA-Zeitlupe, Bild für Bild am Scrollrad.
Aus der Rekonstruktion
Scroll dich durch.
↳ Im Rahmen selbst durchscrollen
