KEN’S CAT LOG

Mit Codex einen Morgen, Mittag und Abend in Zagreb geschaffen 🌅🚋🌙 Von einer Blender-Stadt zum nächtlichen Spaziergang in Three.js

Dieses Mal habe ich den Jelačić-Platz in Zagreb in Blender nachgebaut und seine drei Stimmungen am Morgen, Mittag und Abend eingefangen 🌅🚋🌙

Zuerst das Wichtigste: Was hier zu sehen ist, sind keine echten Fotos, sondern Renderings einer erstellten 3D-Szene. Es ist auch keine vollständige digitale Kopie des Ortes. Die Stadt befindet sich noch im Aufbau und orientiert sich an 360-Grad-Fotos und Karten.

Aber es macht wirklich Spaß, wie sehr sich die Atmosphäre derselben Stadt allein durch anderes Licht verändern kann …! ✨

Morgen: Die etwas ruhigere Zeit, bevor die Stadt erwacht 🌅

Reiterstatue und Zagreber Stadtbild im warmen schrägen Morgenlicht. CG-Rendering mit Blender.

Für den Morgen habe ich warmes Licht aus niedrigem Winkel eingesetzt, damit lange Schatten auf den Gebäuden entstehen. Das bronzene Pferd und die noch etwas verschlafen wirkenden Caféplätze. Ein Platz, auf dem noch niemand sitzt, macht doch direkt Lust auf einen Spaziergang ☕

Dies ist keine exakte Rekonstruktion von „Zagreb um 6:45 Uhr an diesem Tag“, sondern eine Aufnahme, deren Beleuchtung auf Morgenstimmung abgestimmt wurde. Auch der leicht bewölkte Himmel nutzt einen Hintergrund, den ich in einem früheren Arbeitsschritt mit der Bildgenerierung erstellt hatte.

Mittag: Die blaue Straßenbahn wird zur Farbe der Stadt 🚋💙

Zwei blaue Straßenbahnen im Tageslicht unter bewölktem Himmel. CG-Szene mit entgegengesetzt ausgerichteten Bahnen auf benachbarten Gleisen.

Der Star des Tages ist die typisch Zagreber blaue Straßenbahn! Ich habe ein angenähertes Modell nach dem Vorbild der TMK 2200 auch auf das andere Gleis gestellt, sodass zwei Bahnen einander entgegengesetzt gegenüberstehen.

Nicht nur der Wagenkasten, sondern auch die Gelenkbereiche, Fenster, Türen, Räder, Dachausrüstung und Stromabnehmer sind als separate Formen modelliert. Es ist allerdings kein präzises Modell nach den Konstruktionszeichnungen des Originals – da gibt es also noch viel Potenzial 🔧

Am Mittag sorgt weiches Licht eines bedeckten Himmels dafür, dass die blauen Wagen und die steinerne Stadtlandschaft klar zur Geltung kommen. Die Straßenbahnen schweben nicht einfach an einem „passenden Ort“, sondern wurden entlang der aus Kartendaten übernommenen Gleis-Mittellinien platziert.

Nacht: Straßenlaternen, Sternenhimmel und Reflexionen auf dem Kopfsteinpflaster gefallen mir am besten 🌙✨

Der Jelačić-Platz unter dem Sternenhimmel, beleuchtet von warmen Straßenlaternen und blauem Mondlicht. Nacht-Rendering mit Lichtreflexionen auf dem Kopfsteinpflaster.

Persönlich gefällt mir die Nacht am besten! Ich habe warme Straßenlaternen mit blauem Mondlicht kombiniert und dem Kopfsteinpflaster eine leicht feuchte Reflexion verliehen. Das dient der Inszenierung der Atmosphäre und bildet nicht das Wetter am Tag der Aufnahme nach.

Bei den Straßenlaternen habe ich nicht nur ein leuchtendes Bild aufgeklebt, sondern das 3D-Modell der Leuchte und die Lichtquelle für die Umgebung getrennt definiert. Auf der Karte ließen sich 39 Laternen positionieren. Die 14 als vierflammig verzeichneten Leuchten erhielten, nach Fotos gestaltet, spiralförmige Verzierungen und hängende Kugellampen.

Auch die Sterne gehören zu einem inszenierten Himmel und entsprechen keiner echten Sternbildanordnung. Aber für das Gefühl, durch die Stadt bei Nacht zu gehen, wirken sie enorm …! 🌌

Die eigentliche Arbeit sah ungefähr so aus 🛠️

Alle Arbeitsschritte habe ich über Codex ausgeführt. Blender wurde per Python über MCP gesteuert, kontrolliert wurde mit Renderings und Screenshots, und der Artikel samt Bildern wurde über die API von yasue.org veröffentlicht.

  1. Grundlage der Stadt: Unter Bezug auf 360-Grad-Fotos wurden Gebäudeumrisse und Gleise aus OpenStreetMap übernommen und die umliegenden Gebäude dreidimensional aufgebaut.
  2. Details überarbeitet: Hals, Gesicht und Beine des Pferds der Reiterstatue, die Arme der Figur, die Uniform und die Tafel am Sockel wurden neu erstellt. Bei Nahaufnahmen hatte ich die Ausrichtung der Beine zunächst falsch gelesen und sie anhand eines Ganzkörperfotos korrigiert.
  3. Caféplätze angepasst: Mit „Tische und Stühle mal zehn!“ landete ich einmal bei 200 Tischen und 400 Stühlen – eindeutig zu viel 😂 Am Ende reduzierte ich auf 60 Tische und 120 Stühle und bündelte sie an vier Stellen vor den Geschäften.
  4. Treppen und Straßenlaternen: Treppen, die zwar auf der Karte vorhanden waren, beim Modellieren aber fehlten, wurden ergänzt. Auch die Laternen wurden von einer willkürlichen gleichmäßigen Verteilung an ihre Kartenpositionen versetzt.
  5. Aufnahmen für Morgen, Mittag und Nacht: Kameraposition, Lichtfarbe, Helligkeit und Reflexionen wurden verändert und dieselbe 3D-Szene tatsächlich gerendert. Es sind keine Bilder, bei denen die Stadt per KI über das CG-Bild hinweg neu gezeichnet wurde.

Mein Eindruck diesmal: „Die Menge erhöhen“ und „es ortstypischer machen“ sind zwei verschiedene Dinge. Statt massenhaft Tische zu verteilen, wirkt es städtischer, wenn sie dicht vor den Lokalen gruppiert stehen ☕✨

Als Nächstes: Die nächtliche Stadt in Three.js erkunden 🎮

Außerdem habe ich einen auf die Nacht festgelegten Three.js-Viewer mit diesem Blender-Modell umgesetzt. Das Modell wurde in das GLB-Format exportiert und für den Browser komprimiert. Enthalten sind Gebäude, Café-Mobiliar, die Statue und zwei Straßenbahnen.

Gesteuert wird mit WASD zum Laufen, der Maus zum Umschauen und Shift für schnelleres Gehen. Für Gebäude und Mobiliar gibt es außerdem eine einfache Kollisionsabfrage. Da die gleichzeitige Berechnung aller vielen Lichter zu aufwendig wäre, werden nahe Straßenlaternen priorisiert.

Die Webversion befindet sich derzeit als nicht öffentliche Vorschau für mich selbst in Vorbereitung. Die Bilder in diesem Artikel stammen aus der Blender-Version; Bildqualität und Reflexionen sind in der Three.js-Version nicht vollkommen identisch.

Oder öffne sie hier:
https://ja.yasue.org/embed/2026-09-06/2956db8fb61c85ad/index.html

Auch die noch nicht fertigen Teile halte ich ehrlich fest 📝

Die Reiterstatue erreicht noch nicht den Fotorealismus, bei dem sie vom Original nicht zu unterscheiden wäre, und bei den Gebäudeverzierungen bleiben Wiederholungen und Schätzungen. Anzahl und Anordnung der Caféplätze, die Höhe von Stufen sowie manche Formen der Straßenlaternen sind ebenfalls Annäherungen. Die Kartendaten stammen aus 2026, die Referenzfotos aus 2016 – auch dieser Zeitunterschied spielt eine Rolle.

Dieser Beitrag ist weniger ein Artikel, um mit einer fertigen Stadt zu prahlen, sondern vielmehr ein Produktionsprotokoll: mit Codex erstellt, verglichen, überarbeitet und mit anderem Licht versehen. Dass die Stadt auf diese Weise nach und nach ihren Ausdruck gewinnt, ist für mich der spannendste Teil 🌃

Verwendete Referenzen 🔗

Kartendaten: © OpenStreetMap contributors, ODbL. Die Referenzfotos selbst wurden nicht reproduziert. Die drei veröffentlichten Bilder wurden aus der hierfür erstellten Blender-Szene ausgegeben.