Eine visuelle, interaktive Darstellung unseres Sonnensystems mit allen 8 Planeten, der Sonne und animierten Umlaufbahnen.
https://maglat.github.io/Sonnensystem/
- 8 Planeten: Alle Planeten von Merkur bis Neptun mit realistischer Farbcodierung
- Umlaufbahnen: Planeten kreisen um die Sonne (kann ein- und ausgeschaltet werden)
- Saturn-Ringe: Saturn mit charakteristischen Ringen dargestellt
- Sternenhimmel: Animierter Hintergrund mit funkelnden Sternen
- Interaktivität: Klicke auf Planeten für detaillierte Informationen
- Responsive: Funktioniert auf Desktop und Mobile
- Umlaufbahn/Statisch: Wechsle zwischen animierter und statischer Ansicht
- Klicken: Klicke auf einen Planeten, um Informationen zu sehen
- Schließen: Klicke auf das X, um das Infopanel zu schließen
Jeder Planet zeigt:
- Durchmesser
- Entfernung zur Sonne
- Umlaufzeit
- Oberflächentemperatur
- Anzahl der Monde
- Entdeckung
- HTML5 / CSS3 / JavaScript (ES6+)
- Google Fonts (Inter)
- Modernes CSS (Flexbox, Positionierung, Animationen)
- Canvas-freie Animation mit requestAnimationFrame
Die Darstellung zeigt:
- Die Sonne in der Mitte (glühend orange-gold)
- 8 Umlaufbahnen in absteigendem Abstand
- Alle Planeten in ihren realistischen Größenverhältnissen (vereinfacht)
- Info-Panel mit detaillierten Daten bei Klick
Open Source - frei verwendbar.
Gemacht mit ❤️ für das Universum 🌠✨