Isola preistorica 3D interattiva

Crea una splendida isola preistorica 3D, altamente dettagliata e completamente interattiva, usando Three.js e WebGL. Fornisci tutto in un unico file HTML autonomo che si apra direttamente in Chrome. Incorpora gli asset dove possibile. DIREZIONE VISIVA Crea una grande isola arrotondata circondata dall’oceano, con una sezione subacquea trasparente. Il risultato deve dare l’impressione di un mondo in miniatura di livello premium: vegetazione rigogliosa, dinosauri espressivi, materiali ricchi, illuminazione atmosferica e animazioni curate. Usa una direzione artistica coerente e stilizzata, non semplici forme geometriche. ISLAND Crea un terreno vario con spiagge, scogliere rocciose, fitte foreste preistoriche, felci giganti, una cascata, uno stagno d’acqua dolce e un vulcano. Aggiungi una piccola stazione di ricerca, passerelle in legno, piattaforme d’osservazione, casse di rifornimenti e nidi di dinosauro. L’isola deve essere abbastanza spaziosa da permettere ai dinosauri di muoversi naturalmente tra aree distinte. SEZIONE SUBACQUEA L’acqua deve formare un volume profondo e arrotondato intorno all’isola, con uno scenario subacqueo chiaramente visibile attraverso le sue pareti. Includi un fondale marino texturizzato, rocce, piante acquatiche, pesci, bolle e un rettile marino verde che nuoti sotto la superficie. Non collocare sott’acqua normali dinosauri terrestri e non aggiungere un sottomarino. Usa onde animate, riflessi Fresnel, motivi di luce subacquei, schiuma sul bagnasciuga e spruzzi. Evita artefatti di ordinamento della trasparenza e fessure visibili tra l’isola e l’acqua. DINOSAURS Includi diverse specie riconoscibili, come un sauropode dal collo lungo, il Triceratops, lo Stegosaurus, un grande teropode e animali più piccoli che si muovono in branco. Aggiungi pterosauri che volteggiano in cielo. Dai a ogni specie un’anatomia riconoscibile, corpi modellati, arti articolati, teste dettagliate, code e motivi della pelle appropriati. Evita di assemblare i dinosauri finiti usando cubi evidenti o sfere scollegate. ANIMAZIONE NATURALE Usa scheletri gerarchici con articolazioni posizionate correttamente. La camminata deve avere fasi di appoggio e oscillazione distinte: durante il contatto i piedi restano ancorati al terreno e si sollevano in modo netto a ogni passo. Adatta la lunghezza del passo alla velocità di movimento. Usa il campionamento del terreno e l’inverse kinematics per mantenere i piedi a contatto con il suolo. Aggiungi spostamenti del peso, movimenti corporei leggeri, oscillazioni equilibrate della coda, rotazioni della testa e respirazione. I dinosauri non devono mai fluttuare, slittare, intersecare il terreno o attraversare edifici, rocce, alberi o altri dinosauri. Usa l’elusione degli ostacoli e percorsi sicuri. Specie diverse devono avere velocità di movimento, schemi di andatura e comportamenti differenti. Gli animali marini devono essere orientati nella direzione del movimento. INTERACTION Permetti agli utenti di: Ruotare liberamente la telecamera, eseguire lo zoom e ispezionare la sezione subacquea. Selezionare un dinosauro e seguirlo con una telecamera dal movimento fluido. Posizionare del cibo in luoghi adatti e osservare i dinosauri nelle vicinanze mentre si avvicinano e mangiano. Attivare le azioni di bere, riposare e chiamare, oltre al movimento del branco. Esplorare i nidi e osservare la schiusa di un cucciolo. Attivare l’emersione di un rettile marino con uno spruzzo. Passare dalla luce diurna al tramonto e alla notte. Regolare la pioggia, il vento e l’attività vulcanica. Mettere in pausa la simulazione e reimpostare la scena. Fai in modo che ogni controllo produca una risposta chiara e visibile. Mantieni le interazioni ripetibili e impedisci che le animazioni sovrapposte danneggino le pose dei personaggi. ATMOSFERA E AUDIO Aggiungi vegetazione in movimento, nuvole alla deriva, uccelli, insetti, particelle di pioggia e le luci calde della stazione di ricerca durante la notte. Includi musica d’atmosfera discreta e suoni ambientali, con un interruttore funzionante per la musica e un cursore del volume. Avvia l’audio solo dopo un’interazione dell’utente. INTERFACE Usa un’interfaccia compatta ed elegante con etichette in inglese. Mantieni la scena in primo piano ed evita pannelli grandi che coprano l’isola. Rendi il layout responsive per desktop e dispositivi mobili. QUALITÀ TECNICA Usa l’instancing per la vegetazione e gli elementi ripetuti, geometrie efficienti, ombre adeguate e post-processing contenuto. Bilancia la ricchezza visiva con prestazioni fluide in tempo reale. Crea una scena completa, non un mockup. Testa l’HTML finale direttamente in un browser desktop, esamina gli screenshot e la console, prova ogni interazione e correggi prima della consegna gli errori di caricamento, i dinosauri sospesi, lo slittamento dei piedi, le collisioni non funzionanti, gli artefatti dell’acqua e i problemi della telecamera.