Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 

Repository files navigation

🌌 Das Sonnensystem - Interaktive Reise

Eine visuelle, interaktive Darstellung unseres Sonnensystems mit allen 8 Planeten, der Sonne und animierten Umlaufbahnen.

🚀 Online ansehen

https://maglat.github.io/Sonnensystem/

✨ Features

  • 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

🎮 Steuerung

  • 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

🪐 Planeten-Informationen

Jeder Planet zeigt:

  • Durchmesser
  • Entfernung zur Sonne
  • Umlaufzeit
  • Oberflächentemperatur
  • Anzahl der Monde
  • Entdeckung

🛠️ Technologie

  • HTML5 / CSS3 / JavaScript (ES6+)
  • Google Fonts (Inter)
  • Modernes CSS (Flexbox, Positionierung, Animationen)
  • Canvas-freie Animation mit requestAnimationFrame

📸 Screenshots

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

📝 License

Open Source - frei verwendbar.


Gemacht mit ❤️ für das Universum 🌠✨

About

Ein interaktives 3D Sonnensystem mit Three.js - Version 1.0

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages