Giardini pensili di Babilonia

Crea **“Giardini pensili di Babilonia”**, un sito web 3D interattivo di qualità professionale realizzato con **Three.js**, accompagnato da un raffinato video cinematografico in **MP4** renderizzato dalla stessa scena.

**DIREZIONE VISIVA**  
Una ricostruzione artistica dei leggendari Giardini pensili: monumentali architetture terrazzate che si innalzano dalla riva di un fiume desertico, calda arenaria e mattoni essiccati al sole, fasce di piastrelle smaltate blu cobalto, sobri rilievi dorati, gallerie voltate, ampie scalinate, cortili ombreggiati e canali d'acqua a cascata. Ogni terrazza ospita rigogliose palme, cipressi, arbusti fioriti e rampicanti. Combina una silhouette a gradoni chiaramente leggibile con ricchi dettagli architettonici osservabili da vicino. Calda luce solare del tardo pomeriggio, delicata profondità atmosferica, ruvidità realistica dei materiali, lieve usura e scala convincente. Punta alla finitura di una visualizzazione architettonica di alta gamma e di un sito per una mostra museale.

**RICERCA E TEXTURE**  
Cerca sul web riferimenti visivi dell'architettura babilonese, dei mattoni smaltati, dell'arenaria, dei rilievi scolpiti, dell'irrigazione antica e della vegetazione regionale. Trova immagini ad alta risoluzione di pubblico dominio, CC0 o con licenza adeguata per creare le texture; documentane fonti e licenze. Scarica le risorse consentite e ospitale localmente. Usa fotografie adatte come materiale sorgente per texture PBR senza giunzioni e dettagli proiettati tramite UV, correggendo la prospettiva, rimuovendo l'illuminazione direzionale incorporata e uniformando colore e scala. Crea mappe di colore base, ruvidità e normali dove opportuno. Precalcola l'occlusione ambientale e l'illuminazione indiretta della scena reale in atlanti di texture ottimizzati, mantenendo fogliame animato e acqua compatibili con la configurazione luminosa. Conserva dettagli architettonici nitidi senza giunzioni visibili, UV stirate o motivi di texture ripetitivi.

**SCENA 3D E INTERAZIONE**  
Crea un'architettura coerente ed esplorabile, con supporti strutturali credibili, scale collegate, terrazze accessibili e vegetazione composta con cura. Anima l'acqua corrente, il lieve movimento del fogliame e sottili particelle sospese nell'aria. Inizia con un avvicinamento cinematografico dal fiume verso i giardini, quindi passa fluidamente al controllo dell'utente. Supporta orbita, zoom ed esplorazione vincolata, con punti di vista selezionati per la porta sul fiume, la galleria voltata, la terrazza irrigata e il giardino in cima. Includi un percorso guidato che segue l'acqua dal bacino superiore attraverso le terrazze. Offri modalità diurna e al tramonto con illuminazione coerente. Evita il clipping della telecamera, l'attraversamento delle pareti e transizioni disorientanti.

**ESPERIENZA DEL SITO WEB**  
Usa una tipografia elegante e sobria e controlli minimi, lasciando che sia la scena a dominare. Includi un chiaro indicatore di caricamento, un titolo introduttivo, un'azione “Esplora i giardini”, la navigazione tra i punti di vista, un controllo per il tour guidato e il download del video. Indica brevemente che la ricostruzione è un'interpretazione artistica. Progetta layout responsive per desktop e mobile, supporta la navigazione da tastiera e la riduzione del movimento, e fornisci un'alternativa curata quando WebGL non è disponibile. Mantieni tutti i controlli funzionanti e tutti i testi dell'interfaccia completi. Sostituisci i Giardini pensili con un accampamento in un'oasi desertica: trasforma le terrazze a gradoni in un'oasi di palme circondata da dune, sostituisci le gallerie voltate con tende di tela e capanne di adobe e cambia i canali a cascata in un ruscello poco profondo che sgorga da una sorgente centrale. Inserisci palme da dattero, canne e fiori del deserto, mantenendo il percorso esplorativo dall'ingresso alla sommità e l'itinerario guidato che segue l'acqua. **INGEGNERIA DI PRODUZIONE**  
Usa codice Three.js modulare e una pipeline delle risorse progettata per una distribuzione affidabile. Ottimizza geometria, draw call, ombre, vegetazione e memoria delle texture con instancing, livelli di dettaglio, risorse GLB compresse, texture KTX2/Basis e caricamento progressivo. Abbina la risoluzione delle texture ai dettagli visibili. Usa materiali fisicamente basati, una corretta gestione del colore, tone mapping controllato e post-produzione sobria. Punta a prestazioni fluide sui desktop moderni e utilizzabili sui dispositivi mobili di fascia media, con impostazioni di qualità adattive e densità di pixel limitata. Misura e riporta le prestazioni effettive sui dispositivi testati. Gestisci con eleganza gli errori di caricamento e libera le risorse GPU inutilizzate.

**VIDEO DA CONSEGNARE**  
Produci un vero **MP4 scaricabile di 30–45 secondi, 1920 × 1080**, codificato in H.264 e compatibile con un'ampia gamma di lettori. Renderizza dalla scena Three.js completata usando tempi di animazione deterministici e una cattura dei fotogrammi stabile. Prevedi un'inquadratura introduttiva a livello del fiume, un passaggio attraverso gli archi, una salita accanto all'acqua a cascata e una rivelazione aerea finale. Mantieni movimenti di camera fluidi, illuminazione coerente e fotogrammi puliti, privi dei controlli del sito web. Includi una sottile atmosfera sonora di acqua e giardino con audio con licenza adeguata.

**CONSEGNA E ACCETTAZIONE**  
Realizza e pubblica il sito web completo a un URL HTTPS pubblico funzionante. Consegna il file MP4, il progetto sorgente completo, le risorse ospitate localmente, il manifesto delle licenze delle risorse e istruzioni concise per build e distribuzione. Verifica il sito web pubblicato, il caricamento delle risorse, ogni interazione, i layout responsive, la compatibilità browser e la riproduzione video. Controlla errori nella console, texture mancanti, collisioni della telecamera, difetti delle animazioni e colli di bottiglia delle prestazioni. Riporta onestamente eventuali limitazioni residue. Il risultato finale deve essere un'esperienza completa e distribuibile, con la coerenza visiva, l'affidabilità e la cura attese da una produzione professionale.

**NON INCLUDERE:** geometrie segnaposto, sfondi con immagini piatte in sostituzione dell'architettura principale, texture senza licenza, risorse collegate esternamente, controlli non funzionanti, pulsanti di caricamento o esportazione fittizi, texture stirate, bloom eccessivo, pietra dall'aspetto plastico, vegetazione sospesa, ombre tremolanti, clipping della telecamera, layout mobile incompleti, filigrane o affermazioni non supportate di accuratezza storica.

Crea **“Giardini pensili di Babilonia”**, un sito web 3D interattivo di qualità professionale realizzato con **Three.js**, accompagnato da un raffinato video cinematografico in **MP4** renderizzato dalla stessa scena.

**DIREZIONE VISIVA**  
Una ricostruzione artistica dei leggendari Giardini pensili: monumentali architetture terrazzate che si innalzano dalla riva di un fiume desertico, calda arenaria e mattoni essiccati al sole, fasce di piastrelle smaltate blu cobalto, sobri rilievi dorati, gallerie voltate, ampie scalinate, cortili ombreggiati e canali d'acqua a cascata. Ogni terrazza ospita rigogliose palme, cipressi, arbusti fioriti e rampicanti. Combina una silhouette a gradoni chiaramente leggibile con ricchi dettagli architettonici osservabili da vicino. Calda luce solare del tardo pomeriggio, delicata profondità atmosferica, ruvidità realistica dei materiali, lieve usura e scala convincente. Punta alla finitura di una visualizzazione architettonica di alta gamma e di un sito per una mostra museale.

**RICERCA E TEXTURE**  
Cerca sul web riferimenti visivi dell'architettura babilonese, dei mattoni smaltati, dell'arenaria, dei rilievi scolpiti, dell'irrigazione antica e della vegetazione regionale. Trova immagini ad alta risoluzione di pubblico dominio, CC0 o con licenza adeguata per creare le texture; documentane fonti e licenze. Scarica le risorse consentite e ospitale localmente. Usa fotografie adatte come materiale sorgente per texture PBR senza giunzioni e dettagli proiettati tramite UV, correggendo la prospettiva, rimuovendo l'illuminazione direzionale incorporata e uniformando colore e scala. Crea mappe di colore base, ruvidità e normali dove opportuno. Precalcola l'occlusione ambientale e l'illuminazione indiretta della scena reale in atlanti di texture ottimizzati, mantenendo fogliame animato e acqua compatibili con la configurazione luminosa. Conserva dettagli architettonici nitidi senza giunzioni visibili, UV stirate o motivi di texture ripetitivi.

**SCENA 3D E INTERAZIONE**  
Crea un'architettura coerente ed esplorabile, con supporti strutturali credibili, scale collegate, terrazze accessibili e vegetazione composta con cura. Anima l'acqua corrente, il lieve movimento del fogliame e sottili particelle sospese nell'aria. Inizia con un avvicinamento cinematografico dal fiume verso i giardini, quindi passa fluidamente al controllo dell'utente. Supporta orbita, zoom ed esplorazione vincolata, con punti di vista selezionati per la porta sul fiume, la galleria voltata, la terrazza irrigata e il giardino in cima. Includi un percorso guidato che segue l'acqua dal bacino superiore attraverso le terrazze. Offri modalità diurna e al tramonto con illuminazione coerente. Evita il clipping della telecamera, l'attraversamento delle pareti e transizioni disorientanti.

**ESPERIENZA DEL SITO WEB**  
Usa una tipografia elegante e sobria e controlli minimi, lasciando che sia la scena a dominare. Includi un chiaro indicatore di caricamento, un titolo introduttivo, un'azione “Esplora i giardini”, la navigazione tra i punti di vista, un controllo per il tour guidato e il download del video. Indica brevemente che la ricostruzione è un'interpretazione artistica. Progetta layout responsive per desktop e mobile, supporta la navigazione da tastiera e la riduzione del movimento, e fornisci un'alternativa curata quando WebGL non è disponibile. Mantieni tutti i controlli funzionanti e tutti i testi dell'interfaccia completi. Converti in inglese tutti i testi dell'interfaccia e del tour guidato: intitola la pagina “Giardini pensili di Babilonia” e usa etichette inglesi concise per l'accesso all'esplorazione, la navigazione tra i punti di vista, il tour guidato dall'acqua e il download del video. Assegna a ogni punto di vista una breve didascalia in inglese, di non più di 40 parole, specificando sinteticamente che la scena è una ricostruzione artistica e non una testimonianza archeologica verificata. **INGEGNERIA DI PRODUZIONE**  
Usa codice Three.js modulare e una pipeline delle risorse progettata per una distribuzione affidabile. Ottimizza geometria, draw call, ombre, vegetazione e memoria delle texture con instancing, livelli di dettaglio, risorse GLB compresse, texture KTX2/Basis e caricamento progressivo. Abbina la risoluzione delle texture ai dettagli visibili. Usa materiali fisicamente basati, una corretta gestione del colore, tone mapping controllato e post-produzione sobria. Punta a prestazioni fluide sui desktop moderni e utilizzabili sui dispositivi mobili di fascia media, con impostazioni di qualità adattive e densità di pixel limitata. Misura e riporta le prestazioni effettive sui dispositivi testati. Gestisci con eleganza gli errori di caricamento e libera le risorse GPU inutilizzate.

**VIDEO DA CONSEGNARE**  
Produci un vero **MP4 scaricabile di 30–45 secondi, 1920 × 1080**, codificato in H.264 e compatibile con un'ampia gamma di lettori. Renderizza dalla scena Three.js completata usando tempi di animazione deterministici e una cattura dei fotogrammi stabile. Prevedi un'inquadratura introduttiva a livello del fiume, un passaggio attraverso gli archi, una salita accanto all'acqua a cascata e una rivelazione aerea finale. Mantieni movimenti di camera fluidi, illuminazione coerente e fotogrammi puliti, privi dei controlli del sito web. Includi una sottile atmosfera sonora di acqua e giardino con audio con licenza adeguata.

**CONSEGNA E ACCETTAZIONE**  
Realizza e pubblica il sito web completo a un URL HTTPS pubblico funzionante. Consegna il file MP4, il progetto sorgente completo, le risorse ospitate localmente, il manifesto delle licenze delle risorse e istruzioni concise per build e distribuzione. Verifica il sito web pubblicato, il caricamento delle risorse, ogni interazione, i layout responsive, la compatibilità browser e la riproduzione video. Controlla errori nella console, texture mancanti, collisioni della telecamera, difetti delle animazioni e colli di bottiglia delle prestazioni. Riporta onestamente eventuali limitazioni residue. Il risultato finale deve essere un'esperienza completa e distribuibile, con la coerenza visiva, l'affidabilità e la cura attese da una produzione professionale.

**NON INCLUDERE:** geometrie segnaposto, sfondi con immagini piatte in sostituzione dell'architettura principale, texture senza licenza, risorse collegate esternamente, controlli non funzionanti, pulsanti di caricamento o esportazione fittizi, texture stirate, bloom eccessivo, pietra dall'aspetto plastico, vegetazione sospesa, ombre tremolanti, clipping della telecamera, layout mobile incompleti, filigrane o affermazioni non supportate di accuratezza storica.