Baustelle: Diese Seite ist im Aufbau · noindex · Zugangscode erforderlich.
← Zurück zum Portfolio

Fallstudie · in Arbeit

Habiterra — Blue marble, the habitat of life

Ein ruhiger, wissenschaftlich fundierter 3D-Erd-Explorer — im Browser und in VR — mit echten Klima-, Ozean- und Live-Verkehrs-Layern und einem Deep-Time-Modus zurück bis Pangäa.

three.js WebXR / VR WebGL / GLSL PWA Data-Viz
Habiterra — Blue marble, the habitat of life
Rolle
Solo — Konzept, Design, Engineering, Deployment
Stack
three.js · WebXR · WebGL/GLSL · PWA · Live-Wissenschafts-APIs
Zeitraum
95 % · kurz vor der Auslieferung
Jahr
2026
Status
In Arbeit (private Vorschau, passwortgeschützt)

Ein ruhiger, wissenschaftlich fundierter 3D-Explorer der lebendigen Erde — dasselbe Produkt im Browser und in VR — der echte Klima-, Ozean- und Live-Verkehrsdaten über einen astronomisch korrekten Globus legt, mit einem Deep-Time-Modus, der die Kontinente bis Pangäa zurückdreht.

| | | | ------------- | ---------------------------------------------------------------- | | Live | https://www.habiterra.org | | Rolle | Solo — Konzept, Design, Entwicklung, Deployment | | Stack | three.js · WebXR · WebGL/GLSL · PWA · Live-Wissenschafts-APIs | | Zeitraum | 95 % · kurz vor der Auslieferung; nebenbei gebaut | | Status | 95 % · kurz vor der Auslieferung |

Die Herausforderung

Einen Erd-Explorer bauen, der sich wie ein ruhiges planetarisches Observatorium anfühlt — kein überladenes GIS-Cockpit — und das gleiche Produkt sowohl im Browser als auch in VR auf einer Meta Quest lauffähig machen. Astronomisch korrekt, mit echten wissenschaftlichen Daten (Klima, Ozean, Live-Schiffe/-Flugzeuge/-Satelliten), und dabei lesbar bleiben. Leitregel: Earth first — der Globus ist immer das Hauptobjekt, Panels sind Werkzeuge, nie das Zentrum.

Das Vorgehen

  • Astronomisch korrekter Kern (three.js). Sonne–Erde–Mond nach echten Ephemeriden — 23,44° Achsneigung, exzentrische Bahn, Sternzeit-Rotation, Mondmodell nach Meeus — plus NASA-Blue-Marble-Monatstexturen, sodass die Oberfläche mit den Jahreszeiten wechselt (Schnee im Winter, Vegetation im Sommer), inklusive Topografie und Ozean-Bathymetrie.
  • Eine lebendige Oberfläche. Tag/Nacht-Terminator mit Dämmerungsband und Stadtlichtern, animierte Wellen und Sonnen-Glitzern, eine übertrieben dargestellte Gezeitenhülle mit zwei Flutbergen, die Mond und Sonne folgen (Spring-/Nippflut aus der Elongation).
  • Echtes Wetter & Zirkulation. Ein GPU-Partikel-Windfeld der globalen Zirkulation (Passate, Westwinde, wandernde ITCZ, umkehrender Monsun) mit Windstärke-Farbskala; klassische Blauwasser-Segelrouten, die nur in ihrem günstigen Saisonfenster leuchten. Echte Winde von MET Norway (CC BY 4.0), wahlweise Open-Meteo mit eigenem Zugang, mit Druckmarkern und meteorologischen Windfiedern.
  • Live-Layer, alle am selben Zeitregler. Echte Schiffe (AIS über aisstream.io), Flugzeuge (ADS-B über airplanes.live), Satelliten & ISS (TLE/SGP4 über CelesTrak) — Tausende stilisierte, instanzierte Marker, Details erst bei Fokus.
  • „Satelliten-Zoom". Beim Heranzoomen werden NASA-GIBS-Kacheln nachgeladen und mit dem Tag/Nacht-Licht überlagert — Nahsicht weit über 8k bei minimalem Speicher, auch in VR. Auf der Quest wird die Kachel-Auflösung halbiert, weil dort jedes GPU-Megabyte zählt.
  • VR richtig gemacht (WebXR, Quest 3). Keine starren Handgelenk-Menüs: ein bewusst aufrufbares, greifbares, anheftbares schwebendes Panel-System mit Hand- und Controller-Interaktion — ein ruhiges Observatorium, kein Cockpit.
  • Entdeckermodus. Ein eigener Workspace über denselben Layern: freie Achsrotation, Freitextsuche (Länder, Gebirge, Flüsse, Kontinentalplatten) und eine GPlates-gestützte Plattentektonik-Timeline, die die Erde von Pangäa bis heute rekonstruiert — mit Paleo-Points-of-Interest.
  • Raumfahrt. Sechs Sonden auf ihren echten Bahnen aus JPL Horizons — Voyager 1 und 2, Cassini, Juno, New Horizons, Parker — als tatsächliche Ephemeriden geflogen, nicht als dekorative Bögen, dazu 19 Meilensteine der Raumfahrtgeschichte zum Hingehen. In VR lässt sich die Sonde in die Hand nehmen und drehen.
  • Tiefenzeit, wirklich tief. Über die Plattenrekonstruktion hinaus: vorab gebackene Paläo-Küstenlinien je Erdzeitalter, Dinosaurier-Modelle auf der rekonstruierten Oberfläche und eine Zeitalter-Leiste, die die Erde durch das Phanerozoikum zurückdreht.
  • Anthropozän und Weltordnung. Waldbrände (NASA FIRMS), Luftqualität (OpenAQ), Naturkatastrophen (NASA EONET) und Erdbeben (USGS) als Live-Ebenen; Länderkennzahlen, Bündnisse, Rohstoffpreise und eine Finanzstress-Anzeige der EZB — beobachtend, nie wertend.
  • Handel auf See. Die großen Schifffahrtsrouten und ihre Engstellen, entlang vermessener Wegpunkte gelegt statt freihändig gezeichnet.
  • Eine Stimme, in zehn Sprachen. 44 Erzählclips je Sprache erklären, was man gerade sieht — die eigene Stimme des Autors, mit einer quelloffenen Pipeline geklont, damit die App in jeder Sprache spricht, die sie beherrscht.
  • Zehn Sprachen, Rechts-nach-links inbegriffen. Jede Ebene, jede Infokarte, jeder Rechtstext — nicht nur die Bedienoberfläche.
  • Als Produkt ausgeliefert. Installierbare PWA (Manifest + Service Worker) auf dem Weg in den Meta-Horizon-Store.

Das Ergebnis

  • Ein kohärentes Produkt über Browser und VR hinweg, mit fünf Bereichen — Time, Earth, Ocean, Traffic, Climate — und einer strikten „nur ein Focus-Layer gleichzeitig"-Regel, die es lesbar hält.
  • Echte Live-Wissenschaftsdaten (NASA, USGS, MET Norway, CelesTrak, NASA FIRMS, OpenAQ, EZB, AIS) in einer einzigen ruhigen Oberfläche.
  • Dieselbe Informationsarchitektur in beiden Modi; performant genug für Tausende Live-Objekte via instanced Rendering.
  • In 10 Sprachen lokalisiert (inkl. Rechts-nach-links-Arabisch), auf dem Weg in den bezahlten Meta-Horizon-Store.

Was das zeigt

  • Echte Tiefe über 3D-Grafik (eigene Shader), Echtzeit-Datenintegration (viele Live-APIs) und WebXR/VR — von A bis Z.
  • Einen riesigen Funktionsraum durch disziplinierte Informationsarchitektur in ein ruhiges, lesbares Produkt verwandeln.
  • Volle Verantwortung: Konzept, Design, Entwicklung, Performance, Deployment.
  • Moderne, KI-gestützte Umsetzung, die einen ambitionierten Anspruch schnell in laufende Software verwandelt — vom Menschen gesteuert und kuratiert.

Technik auf einen Blick

three.js · WebXR (Meta Quest 3) · WebGL / GLSL · PWA · satellite.js (SGP4) · NASA Blue Marble / GIBS · GPlates · MET Norway · airplanes.live (ADS-B) · AIS · NASA GIBS · JPL Horizons