Tommy Krüger Senior Fullstack Developer
← Zurück zu allen Projekten

ExoPlanetSystems – interaktive 3D-Webanwendung zur Visualisierung von Sternensystemen und Exoplaneten

Vorschau der Website exoplanets.tommykrueger.com

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.

Besonderheiten:

  1. Interaktive 3D-Weltraum-Erkundung: Ermöglicht das freie Navigieren, Zoomen und Ändern der 3D-Perspektive in einem simulierten Weltraum.
  2. Echte wissenschaftliche Daten: Basiert auf realen Daten aus renommierten Katalogen (wie dem Planetary Habitability Laboratory / PHL, dem NASA Exoplanet Archive und Open Exoplanet Catalogue).
  3. Größen- und Systemvergleiche: Nutzer können Planeten- und Sternengrößen direkt miteinander vergleichen sowie bekannte Systeme (wie Gliese 667 oder Kepler-90) betrachten.
  4. 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

Die Sicht auf das Sonnensystem aus einer Entfernung von 100 Astronomischen Einheiten
Die Sicht auf das Sonnensystem aus einer Entfernung von 100 Astronomischen Einheiten.
Kategorisierung der bisher bekannten Exoplaneten und deren Zusammensetzung (Modellberechnung)
Kategorisierung der bisher bekannten Exoplaneten und deren Zusammensetzung (Modellberechnung)
Habitable Zone des Sonnensystems
Habitable Zone des Sonnensystems
Habitable Zone des Exoplanetensystems 55 cnc
Habitable Zone des Exoplanetensystems 55 cnc
Vergleich der Planetenbahnen zwischen 55 cnc und unserem Sonnensystem
Vergleich der Planetenbahnen zwischen 55 cnc und unserem Sonnensystem
Größenvergleich von Exoplaneten im Vergleich zu den Planeten des Sonnensystems
Größenvergleich von Exoplaneten im Vergleich zu den Planeten des Sonnensystems