KEN’S CAT LOG

Ho creato la mattina, il giorno e la notte di Zagabria con Codex 🌅🚋🌙 Dalla città in Blender a una passeggiata notturna in Three.js

Questa volta ho creato in Blender piazza Jelačić a Zagabria e ne ho catturato tre espressioni: mattina, giorno e notte 🌅🚋🌙

Prima, una cosa importante! Quello che vedete qui non sono foto reali, ma rendering di una scena 3D che ho realizzato. Non è nemmeno una copia digitale completa del luogo. È una città ancora in fase di costruzione, basata su foto a 360 gradi e mappe.

Ma è davvero divertente vedere quanto possa cambiare l’atmosfera della stessa città semplicemente modificando la luce…! ✨

Mattina: quel momento un po’ silenzioso prima che la città si svegli 🌅

Statua equestre e panorama urbano di Zagabria illuminati dalla calda luce radente del mattino. Rendering CG realizzato con Blender.

Per il mattino ho aggiunto una luce calda e bassa, così da creare lunghe ombre sugli edifici. Il cavallo di bronzo e i tavolini del caffè che sembrano ancora un po’ assonnati. Una piazza ancora vuota mette proprio voglia di fare una passeggiata, vero? ☕

Non è una ricostruzione rigorosa della «Zagabria alle 6:45 di quel giorno»: è un’inquadratura con illuminazione regolata per evocare il mattino. Anche il cielo leggermente nuvoloso utilizza uno sfondo creato in una fase precedente con la funzione di generazione immagini.

Giorno: il tram blu diventa il colore della città 🚋💙

Due tram blu illuminati dalla luce diurna sotto un cielo nuvoloso. Scena CG con i tram disposti in direzioni opposte su binari affiancati.

Il protagonista del giorno è l’inconfondibile tram blu di Zagabria! Ho realizzato un modello approssimativo ispirato al TMK 2200 e ne ho posizionato un altro sull’altro binario, con i due tram affiancati in direzioni opposte.

Non ho modellato solo le carrozzerie: anche i giunti articolati, i finestrini, le porte, le ruote, le apparecchiature sul tetto e i pantografi sono oggetti separati. Non è però un modellino di precisione conforme ai progetti del veicolo reale, quindi c’è ancora margine di miglioramento 🔧

Per il giorno ho scelto una luce morbida da cielo coperto, così che il blu dei tram e gli edifici in pietra risultassero naturali. Invece di far galleggiare i tram in un posto che sembrasse plausibile, li ho posizionati seguendo le linee centrali dei binari estratte dalla mappa.

Notte: lampioni, cielo stellato e riflessi sui ciottoli sono la mia parte preferita 🌙✨

Piazza Jelačić sotto un cielo stellato, illuminata da caldi lampioni e dalla luce blu della luna. Rendering CG notturno con luce riflessa sui ciottoli.

Personalmente, questa notte è la mia preferita! Ho combinato lampioni caldi e luce lunare blu, dando ai ciottoli riflessi da superficie leggermente bagnata. È una scelta scenografica per creare atmosfera, non una ricostruzione del meteo del giorno dello scatto.

I lampioni non sono solo immagini luminose applicate: ho definito separatamente i modelli 3D degli apparecchi e le sorgenti luminose che illuminano l’ambiente. I lampioni di cui ho potuto verificare la posizione sulla mappa sono 39. Ai 14 indicati come lampioni a quattro luci ho aggiunto decorazioni a spirale e globi sospesi, prendendo le foto come riferimento.

Anche le stelle sono un cielo scenografico, non la disposizione reale delle costellazioni. Ma per sentirsi come se si stesse camminando di notte in città, funzionano davvero bene…! 🌌

Il lavoro concreto è andato più o meno così 🛠️

Ho svolto tutte le operazioni di produzione da Codex. Ho controllato Blender con Python via MCP, verificato con rendering e screenshot, e pubblicato articolo e immagini tramite l’API di yasue.org.

  1. La base della città:ho consultato foto a 360 gradi, importato i contorni degli edifici e i binari di OpenStreetMap, quindi trasformato in 3D gli edifici circostanti.
  2. Correzione dei dettagli:ho ricostruito collo, volto e zampe del cavallo della statua equestre, braccia della figura, uniforme militare e targa sul piedistallo. In alcuni casi ho interpretato male l’orientamento delle zampe guardando solo foto ravvicinate, e ho corretto il modello dopo aver visto foto dell’intera statua.
  3. Regolazione dei posti del caffè:「10 volte più tavoli e sedie!» mi aveva portato una volta a 200 tavoli e 400 sedie: decisamente troppi 😂 Alla fine ho ridotto a 60 tavoli e 120 sedie, concentrandoli in quattro zone davanti ai locali.
  4. Scale e lampioni:ho aggiunto le scale presenti nella mappa ma rimaste fuori dalla modellazione. Ho anche riposizionato i lampioni, passando da una disposizione approssimativa a intervalli regolari alle loro posizioni sulla mappa.
  5. Riprese mattina-giorno-notte:ho cambiato posizione della camera, colore e intensità della luce e riflessi, quindi renderizzato davvero la stessa scena 3D. Non sono immagini in cui la città CG è stata ridipinta dall’AI.

Questa volta ho capito che «aumentare il numero» e «rendere fedele il luogo» sono due cose diverse. Invece di sparpagliare tantissimi tavoli, concentrarli davanti ai negozi fa sembrare la città più reale ☕✨

Prossima tappa: passeggiare di notte in città con Three.js 🎮

Ho anche implementato un visualizzatore Three.js con illuminazione notturna fissa, usando questo modello Blender. Ho convertito il modello in formato GLB e compresso i dati per il browser. Include edifici, arredi dei caffè, la statua e i due tram.

I comandi sono WASD per muoversi, mouse per guardarsi attorno e Shift per camminare più velocemente. Ho previsto anche semplici collisioni per edifici e arredi. Calcolare simultaneamente tutte le numerose luci sarebbe pesante, quindi il sistema dà priorità ai lampioni vicini.

La versione web è attualmente in preparazione come anteprima privata per uso personale. Le immagini di questo articolo sono della versione Blender; qualità e riflessi della versione Three.js non saranno completamente identici.

Oppure apri qui
https://ja.yasue.org/embed/2026-09-06/2956db8fb61c85ad/index.html

Ci sono ancora aspetti non completati, e voglio dirlo chiaramente 📝

La statua equestre non ha ancora un realismo tale da renderla indistinguibile dall’originale, e nelle decorazioni degli edifici restano ripetizioni e stime. Anche il numero e la disposizione dei posti del caffè, l’altezza dei gradini e alcune forme dei lampioni sono approssimativi. La mappa è stata ottenuta nel 2026, mentre le foto di riferimento sono del 2016: c’è quindi anche questo divario temporale.

Più che un articolo per vantarmi di una città finita, questo è un resoconto di produzione: crearla con Codex, confrontarla, correggerla e provare a cambiarne la luce. Credo che la parte più interessante sia proprio vedere l’espressione della città emergere poco a poco 🌃

Riferimenti 🔗

Dati cartografici: © OpenStreetMap contributors, ODbL. Non ho ripubblicato le foto di riferimento stesse. Le tre immagini pubblicate sono state esportate dalla scena Blender realizzata in questa occasione.