Kurzbeschreibung & Besonderheiten
Was ist die Website?
Bei exoplanets.tommykrueger.com handelt es sich um eine interaktive 3D-Webanwendung (ExoPlanetSystems) zur Visualisierung von Sternensystemen, Planeten, Zwergplaneten, Monden und insbesondere von Exoplaneten (Planeten außerhalb unseres Sonnensystems). Entwickelt wurde das Projekt von Tommy Krüger.
Zur Website exoplanets.tommykrueger.com »
Besonderheiten:
- Interaktive 3D-Weltraum-Erkundung: Ermöglicht das freie Navigieren, Zoomen und Ändern der 3D-Perspektive in einem simulierten Weltraum.
- Echte wissenschaftliche Daten: Basiert auf realen Daten aus renommierten Katalogen (wie dem Planetary Habitability Laboratory / PHL, dem NASA Exoplanet Archive und Open Exoplanet Catalogue).
- Größen- und Systemvergleiche: Nutzer können Planeten- und Sternengrößen direkt miteinander vergleichen sowie bekannte Systeme (wie Gliese 667 oder Kepler-90) betrachten.
- Habitable Zonen: Die Anwendung visualisiert potenziell lebensfreundliche (habitable) Zonen in fremden Sternensystemen.
Features der Website
- 3D-Ansicht von Planetensystemen: Darstellung von Sternen, Planeten, Monden und Umlaufbahnen (Orbits) in Echtzeit.
- Laden & Vergleichen von Systemen: Auswahl verschiedener Mehrfach-Planetensysteme und unseres eigenen Sonnensystems.
- Größenvergleich: Gegenüberstellung der physischen Dimensionen von Exoplaneten im Vergleich zur Erde oder Sonne.
- Detaillierte Infos zu Himmelskörpern: Abruf spezifischer Daten und wissenschaftlicher Hintergrundinformationen zu einzelnen Exoplaneten.
- Sternen-Cluster-Ansicht: Erkundung lokaler Sterne in der näheren solaren Umgebung (im Radius von mehreren hundert Parsec).
- Vollbildmodus & Performance-Optimierung: Ausgelegt für flüssiges Rendering in modernen Browsern.
Tech-Stack
Die Web-App setzt auf performante Grafik- und Frontend-Technologien, um flüssiges 3D-Rendering direkt im Browser zu ermöglichen:
HTML5 CSS3 JavaScript Three.js (WebGL) Underscore.js Node.js
- Three.js / WebGL: Die Kern-Bibliothek für die hardwarebeschleunigte 3D-Grafikdarstellung (GPU-Rendering) im Browser.
- JavaScript & jQuery: Steuerung der Anwendungslogik, DOM-Manipulation und plattformübergreifende Kompatibilität.
- Underscore.js: Hilfsbibliothek zur effizienten Datenverarbeitung und Datenstrukturen-Handhabung.
- Hosting & Daten: Statisches Webhosting, das JSON-/Katalogdaten externer Weltraum-Datenbanken (NASA, PHL) verarbeitet.
Screenshots