Angefangen hat das als schlichte Wetter-App und wurde in dem Moment interessant, als mir auffiel, dass die Daten selbst schon ein Rätsel sind. Wenn man weiß, dass es 21 °C hat, schwül ist, gewittert und der Fünf-Tage-Trend flach verläuft, kann man ziemlich gut eingrenzen, wo auf der Welt man gerade steht. Das ist ein Spiel.
MeteoGuessr ist beides: eine echte Wetter-App auf einem interaktiven 3D-Globus und ein Ratespiel, das dieselben Live-Daten als Hinweise verwendet.
Der Globus
Der Globus läuft auf Three.js, ist dreh- und zoombar und mit NASA-Blue-Marble-Bildern texturiert. Ein Klick irgendwohin liefert die aktuellen Werte — Temperatur, Luftfeuchte, Wind, Luftdruck, Sichtweite — plus eine Fünf-Tage-Prognose. Städte lassen sich per Namen suchen und als Favoriten merken (im Local Storage), und ein Ticker am unteren Rand lässt Live-Temperaturen aus Metropolen der ganzen Welt durchlaufen.
Ein Layer-Umschalter wechselt zwischen schlichtem Globus, Ländergrenzen, Hauptstädten und Städten. Davon unabhängig legen Wetter-Overlays Temperatur, Niederschlag oder Wind über die gesamte Kugel — berechnet aus einem Raster von 288 Messpunkten (24 Längen × 12 Breiten), das zu einer Textur interpoliert wird. Das war der Teil, den ich am liebsten gebaut habe.
Weather IQ
Das Spiel zeigt das Wetter eines unbekannten Orts und fragt nach dessen Namen, in vier Schwierigkeitsgraden: vom Land mit allen verfügbaren Hinweisen bis zur Stadt mit nur einer Hemisphäre und einem Anfangsbuchstaben. Falsche Tipps kosten Punkte, der Abzug wächst mit der Schwierigkeit, und der Highscore bleibt lokal gespeichert.
Wie es gebaut ist
React 18 und Three.js, gebündelt mit Vite, dazu eine kleine Vitest-Suite über die Koordinatenrechnung. Die Wetterdaten kommen von Open-Meteo, die Städtesuche ebenfalls von Open-Meteo, das Reverse-Geocoding von OpenStreetMaps Nominatim — alles frei und offen, deshalb braucht die App keine API-Keys und verursacht keine Kosten.
Wo es steht
Als Preview deployed. Alles hier Beschriebene funktioniert; was fehlt, ist der Feinschliff eines fertigen Produkts — der Globus ist beim ersten Laden schwer, und dem Spiel täten mehr Runden und eine gemeinsame Tagesherausforderung statt eines rein lokalen Highscores gut.