Presentazione interattiva di progettazione di un elicottero 3D

Crea una scena 3D interattiva e dettagliata di un elicottero moderno in un unico file HTML, usando Three.js e WebGL. Costruisci una geometria 3D reale, visualizzabile da ogni angolazione, non un’immagine. Stile visivo: Una presentazione di design aeronautico di alto livello, con sfondo da studio grigio chiaro, piattaforma circolare di esposizione, ombre morbide e riflessi realistici. Elicottero: Una fusoliera liscia e aerodinamica, ispirata a elicotteri leggeri biturbina come l’H145. Una livrea bianca con parte inferiore blu navy scuro e una striscia decorativa blu. Finestrini curvi e oscurati della cabina di pilotaggio, con riflessi e guarnizioni montate con precisione. Porte laterali, maniglie, giunzioni dei pannelli, rivetti, gradini d’accesso e antenne. Due alloggiamenti dei motori con prese d’aria, griglie di ventilazione e scarichi. Un rotore principale a cinque pale con mozzo dettagliato, ferramenta di fissaggio e leveraggi per il controllo del passo. Un trave di coda rastremato, stabilizzatori e un rotore anticoppia carenato, con un’apertura reale attraverso la carenatura. Pattini d’atterraggio curvi fissati alla fusoliera tramite supporti strutturali. Luci di navigazione e un lampeggiante. Tutti i componenti devono essere collegati fisicamente. Evita parti sospese nel vuoto, spazi tra le sezioni, pale del rotore che intersecano la fusoliera o finestrini staccati dalla carrozzeria. Interazioni: Trascinamento del mouse per ruotare la visuale, rotella per lo zoom e controlli touch. Avvia e arresta entrambi i rotori con accelerazione e decelerazione graduali. Velocità dei rotori regolabile. Modalità di volo stazionario: solleva dolcemente l’elicottero dalla piattaforma, fallo oscillare leggermente in aria e fallo atterrare dolcemente quando la modalità viene disattivata. Rotazione automatica della telecamera. Preset della telecamera frontale, laterale e posteriore. Controlli per ripristinare la telecamera e attivare la modalità a schermo intero. Tre livree: blu ghiaccio e bianco, arancione soccorso e grafite. Interfaccia: In alto a sinistra: una piccola etichetta “AERONAUT / OBJECT STUDIES” e un’intestazione grande “Horizon 05.” A destra: un pannello compatto con specifiche, stato dell’elicottero, selezione della livrea e velocità dei rotori. In basso: controlli e suggerimenti per l’interazione. Tipografia essenziale, bordi sottili e ampio spazio vuoto. Mantieni l’elicottero libero da elementi sovrapposti. Tutti i testi dell’interfaccia devono essere in inglese. Requisiti tecnici: Genera la geometria in modo procedurale, senza scaricare un modello di elicottero predefinito. Usa materiali PBR, un ambiente di riflessione da studio e ombre morbide. Rendi l’animazione indipendente dalla frequenza dei fotogrammi. Riutilizza geometrie e materiali quando opportuno e limita il pixel ratio per migliorare le prestazioni. Supporta layout desktop e mobile, mantenendo visibile l’intera apertura del rotore nella visuale iniziale. Se possibile, incorpora le dipendenze nell’HTML, così che il file funzioni offline. Mostra un messaggio di fallback utile se WebGL non è disponibile. Prima di concludere, esamina il modello da ogni lato, testa ogni controllo e verifica l’assenza di errori nella console. Presta particolare attenzione alla silhouette, ai collegamenti strutturali, alle vetrature e ai meccanismi dei rotori. Consegna il file HTML funzionante, non una semplice spiegazione.