Blog
„Zeig, was du kannst“ – wie Hannover zu seinem 3D-Wetter kam
Eigentlich sollte hannover-wetter.com nur eine Testinstallation werden. Dann kam Fable 5.1. Ich schrieb spätabends „zeig, was du kannst“ und ließ den Rechner laufen. Zwei Stunden später stand die erste Version des Neuen Rathauses in 3D auf der Seite – mit dem Wetter von draußen. Dazwischen: Abendessen und eine Runde mit dem Hund.
3D-Wetter: der Demo-Clip
Der Demo-Clip, 44 Sekunden ohne Ton: Start am Neuen Rathaus mit dem Wetter des Rendertages, dann ein Zeitraffer über die Stadt von 7 Uhr früh bis nach Mitternacht mit der echten Sonnenbahn, Gewitter um 22 Uhr über dem Rathaus mit Blitzen, Schnee um 9 Uhr über Maschpark und Stadt und Nebel um 7 Uhr rund um das Rathaus. Danach der Original-Prompt, so wie ich ihn Fable geschrieben habe, und der Code, der daraus entstanden ist. Zum Schluss fliegt die Kamera zurück zum Rathaus. Gebaut von Claude Fable 5.1 in einer Session.
Eigentlich sollte es nur ein Test werden
Wir wollten eigentlich nur eine Homepage bauen, um die neue Installation unseres Redaktionssystems zu testen. Die Domain hannover-wetter.com hatte ich mir schon vor einigen Jahren aus Jux und Tollerei gekauft – mit der Idee, dort genau das draufzupacken, was der Name verspricht: das Wetter in Hannover . Ohne Werbung und genau so, wie ich es gut finde.
Claude baute gerade noch mit dem „alten“ Fable 5 an der Wetterseite herum – Menü, Seitenaufbau, das Übliche –, als ich auf Discord sah: Fable 5.1 ist da.
Ein Prompt gegen alle meine Regeln
Es war schon sehr spät, ich musste vom Büro nach Hause. Also habe ich sämtliche Prompting-Regeln, die ich mir selbst auferlegt habe, über Bord geworfen, das Modell auf Max Effort gestellt und Claude Fable Folgendes geschrieben – hier unverändert, mit allen Tippfehlern:
„dann brauch ich auf der Homepage weiter unten oder am Ende irgend was super über drüber cooles, damit wir zeigen können, was für ein tolles und innovatives model du bist. eine interaktive animation zb - vielleicht was mit three.js? wenn es zu groß wird, dann lagere es auf eine eigene seite aus. zeig, was du kannst“
Meine Erwartung: Das Modell frisst das 5-Stunden-Limit auf und baut irgendetwas, das nicht auf Anhieb funktioniert. Was soll schon groß passieren?
Der Rechner lief also weiter. Ich fuhr nach Hause, aß zu Abend, ging mit dem Hund spazieren. Nach zwei Stunden hielt ich es nicht mehr aus und schaute per Remote Desktop nach, was Fable getrieben hatte.
Das Rathaus, in Echtzeit
Dann sah ich die erste Version des 3D-Wetters.
Ich war sprachlos.
Blickwinkel „Rathaus“ im Wetter-Labor mit dem Preset „Sonnig“: Das Neue Rathaus spiegelt sich im Maschteich, davor wehen die Niedersachsen-Flaggen.
Das will etwas heißen: Ich habe innerhalb eines Jahres mehr als 22 Millionen Nachrichten mit der KI ausgetauscht – gut, das meiste davon hat natürlich die KI geschrieben, von mir stammen vielleicht 100.000 bis 150.000. Ich habe also schon einiges mit ihr mitgemacht.
Fable hatte das Neue Rathaus samt Umgebung in 3D nachgebaut. Die Szene läuft im Browser und nutzt die Live-Wetterdaten der Seite: Zeigen die Daten Regen, regnet es im Modell. Geht in Hannover die Sonne unter, wird es auch dort dunkel.
Kein Preset, sondern das echte Wetter: die Live-Szene am Abend des 4. September, bedeckt bei 18 Grad und Westwind – links oben die Messwerte samt Sonne und Mond, rechts oben der Hinweis, dass gerade der Regenradar mitspielt.
„Du kleiner Gauner, jetzt bring ich dich ans Limit“
Da hatte ich Blut geleckt. Ich dachte mir: Du bist gut, aber so gut nun auch wieder nicht – das werde ich dir beweisen.
Als Erstes haben wir das Regenradar des Deutschen Wetterdienstes angeschlossen, damit die Szene ein genaueres Bild vom Niederschlag bekommt. Wo das Radar Regen zeigt, regnet es auch im Modell, und ferne Schauer hängen als graue Vorhänge unter den Wolken. Die Vorhersagedaten beziehen wir übrigens über die API von Open-Meteo.
Dann kam mir der Sonnenlauf in den Sinn: Die Sonne soll am richtigen Platz stehen und zur richtigen Uhrzeit auf- und untergehen. Hat er gemacht. Und wenn schon die Sonne – was ist dann mit dem Mond und den Mondphasen ? Hat er eingebaut. Samt Sternenhimmel, der sich mit der echten Sternzeit dreht.
Um 22 Uhr im Wetter-Labor: Fensterlichter, Laternen und Sternenhimmel über dem Neuen Rathaus, dahinter das Anzeiger-Hochhaus.
Nachtpanorama über den Maschsee: Die ganze Stadt leuchtet aus den Fenstern, links die HDI-Arena.
Dann wollte ich eine Demo mit Kamerafahrten durch die Szene, und daraus sollte er ein Video machen – das seht ihr oben. Der Film-Knopf auf der Demo-Seite spielt dieselben Kamerafahrten live nach, mit dem Wetter von jetzt. Nebenbei hat er sogar die Nanas , eines der Hannoveraner Wahrzeichen, eingebaut – wenn auch nur rudimentär.
Blickwinkel „Panorama“: vom Maschsee über den Maschpark und das Neue Rathaus bis zur Altstadt – mit Fontäne, Nanas am Leineufer und dem Anzeiger-Hochhaus.
Was ich beim Schreiben fast vergessen hätte, weil es inzwischen so selbstverständlich wirkt: Auf dem Maschsee segeln Boote, die sich im Wind neigen und bei Sturm am Ufer bleiben. Die Autos schalten nachts die Scheinwerfer ein und fahren auf nasser Straße langsamer, die Üstra rollt über den Friedrichswall, und die Fußgänger spannen bei Regen ihre Schirme auf.
Das Rathaus spiegelt sich im Maschteich – mit Wellen im Wind, Regenringen auf dem Wasser und einer Eisdecke, sobald es im Modell unter minus ein Grad geht. Bei Regen und Sonnenschein steht ein doppelter Regenbogen über der Stadt, beim Gewitter blitzt es, und der Schnee bleibt auch liegen.
Die Stadt selbst ist gewachsen: Marktkirche, Altes Rathaus, Kreuzkirche, Anzeiger-Hochhaus, Oper, Hauptbahnhof, Nord/LB, Sprengel Museum, Telemax, VW-Tower, Waterloosäule, die drei Schornsteine in Linden und seit Kurzem die HDI-Arena stehen ungefähr dort, wo sie hingehören. Vor dem Rathaus wehen die Niedersachsen-Flaggen. Und mit dem Zeitregler schaut ihr 48 Stunden in die Vorhersage – im Zeitraffer und auf Wunsch im Vollbild.
Die zwei Stunden waren also erst der Anfang. Die zusätzlichen Wünsche kamen danach.
Blickwinkel „Maschsee“: Segelboote, die sich nach dem Wind richten, die Fontäne, die Nanas am Leineufer und links die neue HDI-Arena.
Blickwinkel „Altstadt“: Marktkirche, Altes Rathaus, Kreuzkirche, die Oper mit ihrem Säulenvorbau und rechts das Anzeiger-Hochhaus.
Die Wetterdaten auf der Seite werden alle fünf Minuten aktualisiert. Viel Spaß beim Ausprobieren: das 3D-Wetter live und die Demo mit dem Wetter-Labor, in der ihr Regen, Gewitter, Schnee oder Nebel selbst einschaltet.
Tour, Film, Zeitraffer, Blickwinkel und das Wetter-Labor: Sonnig, Regen, Sonnenschauer, Gewitter, Schnee, Nebel und Sturm.
KI-Fachsprech für die Freaks unter euch
Mit Fable 5.1 ist für mich zum ersten Mal echtes Vibe Coding möglich. Bisher habe ich so gearbeitet: jedes Thema getrennt, verteilt auf mehrere Hosts und mehrere Claude-Sitzungen.
Man kann das mit Simultanschach vergleichen: An einem Brett spielt man Weiß, am anderen Schwarz, hier greift man an, dort verteidigt man nur. Die Partien lassen sich nicht mischen. So war es bisher auch mit den LLMs – schön bei einem Thema bleiben.
Jetzt habe ich versucht, das Modell ans Limit zu treiben. Und siehe da: Fable 5.1 hat brav für jedes Thema einen eigenen Subagenten gestartet und meine unterschiedlichen Anweisungen und Ideen feinsäuberlich aufgeteilt. So gut hatte das bei mir bisher nicht funktioniert.
Eine zweite Hilfe ist der Skill „Ponytail“. Mein Hauptproblem mit Opus und Fable 5 war das Over-Engineering: Die Modelle bauten gerne Dinge dazu, die niemand bestellt hatte. Beim 3D-Wetter war das ausdrücklich erwünscht. Im Arbeitsalltag soll das LLM aber meinen Anweisungen folgen. Mit dem Ponytail-Skill bekomme ich das deutlich besser in den Griff. Und das Beste: Man kann ihn innerhalb einer Session ein- und ausschalten.
Fable hat noch viele weitere Dinge auf der Wetterseite gebaut. Insgesamt waren es 60.000 Programmzeilen in zwei Tagen. Mit dem Ergebnis bin ich sehr zufrieden. Auch bei den Fehlern merke ich einen Unterschied: Früher kam auf etwa 1.000 Zeilen Code ein echter Bug. Bei der Wetterseite waren es bislang 30 Bugs auf 60.000 Zeilen – also ungefähr die halbe Rate. Das ist meine Erfahrung mit diesem Projekt, kein allgemeiner Benchmark.
Was für spannende Tage
Und kaum habe ich diesen Artikel fertig geschrieben, kommt Astra von OpenAI.
Der Hund muss trotzdem raus.
Ich freue mich über Kommentare und Anregungen per E-Mail: [email protected]
PS: Die Wetterseite bleibt vorerst werbefrei. Aber vielleicht finden sich ja ein paar Hannoveraner Sponsoren, die die Seite genauso cool finden wie ich.