Sonnensystem 3D ist ein interaktives Modell unseres Sonnensystems im Browser — Sonne, alle acht Planeten und ihre wichtigsten Monde, frei erkundbar. Kein Lehrbuch-Diagramm, sondern eine echte 3D-Szene, die man anfliegen, durchsuchen und in der Zeit vor- und zurückdrehen kann.
01 · Die Idee
Die meisten Sonnensystem-Visualisierungen sind entweder hübsch-aber-erfunden oder korrekt-aber-hässlich. Ich wollte beides: astronomisch plausibel und trotzdem schön anzusehen.
Sonne, 8 Planeten und 18 Monde stehen als texturierte Kugeln in der Szene — für vier kleine Monde wie Phobos und Deimos sogar als echte NASA-3D-Modelle.
02 · Astronomisch echt
Die Planeten laufen nicht auf fiktiven Kreisen, sondern auf echten J2000-Keplerbahnen. Über die Zeitsteuerung dreht man das ganze System vor und zurück — von Echtzeit bis 30 Tage pro Sekunde, mit einem Klick zurück auf Heute.
Die Erde bekommt eine Tag-/Nacht-Seite mit Wolken und Atmosphäre, Saturn seine Ringe, die Sonne einen eigenen Shader.
03 · Erkunden statt Klicken
Eine Fokus-Kamera folgt jedem gewählten Himmelskörper weich. Ein Suchfeld filtert alle 24 Körper inklusive Monde, die Pfeiltasten schalten durch — und ein „Reise"-Modus fährt automatisch durch das System.
Jeder Zustand — Körper, Fokus, Ansicht, Datum — steht in der URL. Eine bestimmte Ansicht ist damit einfach teilbar.
04 · Technik
Gebaut mit React 19 und TypeScript auf react-three-fiber (Three.js), Vite als Build und Tailwind fürs UI. Deployment auf Vercel unter eigener Subdomain, DNS über Cloudflare.
Dazu ein heller und dunkler Modus, ein Info-Panel mit maßstäblichem Größenvergleich zur Erde und versionierte Release-Notes.
[ ergebnis ]
Seit Juli 2026 live unter solarsystem.codemantix.com — die Kern-Feature-Runde ist abgeschlossen und abgenommen. Als Nächstes: Asset-Pipeline und Code-Splitting für schnellere Ladezeiten.