MOONSHOT Concept Racer

Usa Three.js per creare una pagina di presentazione per una concept race car, con l'auto e l'intera scena generati tramite codice.

L'auto: una concept racer a ruote scoperte chiamata MOONSHOT. Muso rivolto verso -Z, lunga e molto bassa. La carrozzeria superiore è una monoscocca nero pianoforte che sprofonda in una vasca in corrispondenza dell'abitacolo; la copertura del muso, la copertura del motore e le coperture delle pance laterali destra e sinistra sono quattro pannelli separati fissati al corpo centrale, ciascuno sollevabile in un unico pezzo per mostrare i componenti interni. Le ali anteriore e posteriore sono modellate su autentici profili alari; l'ala posteriore presenta grandi paratie laterali traslucide, mentre sopra l'abitacolo si trovano un halo e un'alta pinna di squalo. Al centro del muso è collocata una presa d'aria circolare. I quattro pneumatici slick montano copriruota in stile turbina e un anello luminoso blu. La livrea è nera, bianca e blu elettrico, con un "blu gelatina" traslucido impiegato per l'ala posteriore, le paratie laterali, i finestrini laterali dell'abitacolo e i deflettori: deve lasciar passare la luce con una reale profondità, senza mai sembrare plastica piena. Le pance laterali e il bordo d'uscita dell'ala posteriore riportano il wordmark MOONSHOT.

La scena: l'auto è racchiusa in una struttura di osservazione cubica sospesa in orbita terrestre bassa. Il cubo è realizzato con travi metalliche sui bordi, linee luminose e facce in vetro Fresnel, quasi invisibili frontalmente e illuminate solo alle angolazioni radenti. All'interno, un piedistallo circolare accoglie la proiezione dell'auto. Sullo sfondo, un campo stellare con la Terra in lontananza. L'atmosfera generale è premium e misurata: luce ambientale fredda e controluce che delinea le linee della carrozzeria, senza elementi di interfaccia in stile videogioco fantascientifico. Sposta gli esempi dal cubo in orbita bassa a un tornante innevato in montagna: la racer è parcheggiata su un belvedere aperto accanto a una strada costeggiata dalla neve, con cime, una foresta di conifere e una funivia sullo sfondo, mentre l'illuminazione diventa una luce diurna fredda riflessa dalla neve. Mantieni le telecamere guidate dallo scrolling, i quattro pannelli della carrozzeria sollevabili, la vista macro dei materiali e il selettore tra due atmosfere (sostituendo l'atmosfera spaziale con il crepuscolo). La livrea e il wordmark MOONSHOT rimangono invariati. La presentazione: la pagina guida la telecamera con lo scrolling, mostrando l'auto completa, il muso, la fiancata, la vista esplosa e i dettagli su più schermate con brevi didascalie. L'utente può in qualsiasi momento tenere premuto e trascinare per assumere il controllo della telecamera e ruotare liberamente attorno all'auto; viene quindi visualizzata una barra degli strumenti con posizioni preimpostate della telecamera, una vista macro dei materiali, la vista esplosa e un selettore fra due atmosfere: spazio e studio bianco.

Rendering: sono indispensabili riflessi dell'ambiente studio, ombre realistiche, bloom e profondità di campo a distanza ravvicinata: la credibilità dei materiali è la priorità assoluta della pagina.

Usa Three.js per creare una pagina di presentazione per una concept race car, con l'auto e l'intera scena generati tramite codice.

L'auto: una concept racer a ruote scoperte chiamata MOONSHOT. Muso rivolto verso -Z, lunga e molto bassa. La carrozzeria superiore è una monoscocca nero pianoforte che sprofonda in una vasca in corrispondenza dell'abitacolo; la copertura del muso, la copertura del motore e le coperture delle pance laterali destra e sinistra sono quattro pannelli separati fissati al corpo centrale, ciascuno sollevabile in un unico pezzo per mostrare i componenti interni. Le ali anteriore e posteriore sono modellate su autentici profili alari; l'ala posteriore presenta grandi paratie laterali traslucide, mentre sopra l'abitacolo si trovano un halo e un'alta pinna di squalo. Al centro del muso è collocata una presa d'aria circolare. I quattro pneumatici slick montano copriruota in stile turbina e un anello luminoso blu. La livrea è nera, bianca e blu elettrico, con un "blu gelatina" traslucido impiegato per l'ala posteriore, le paratie laterali, i finestrini laterali dell'abitacolo e i deflettori: deve lasciar passare la luce con una reale profondità, senza mai sembrare plastica piena. Le pance laterali e il bordo d'uscita dell'ala posteriore riportano il wordmark MOONSHOT.

La scena: l'auto è racchiusa in una struttura di osservazione cubica sospesa in orbita terrestre bassa. Il cubo è realizzato con travi metalliche sui bordi, linee luminose e facce in vetro Fresnel, quasi invisibili frontalmente e illuminate solo alle angolazioni radenti. All'interno, un piedistallo circolare accoglie la proiezione dell'auto. Sullo sfondo, un campo stellare con la Terra in lontananza. L'atmosfera generale è premium e misurata: luce ambientale fredda e controluce che delinea le linee della carrozzeria, senza elementi di interfaccia in stile videogioco fantascientifico. Aggiungi una modalità con richiami tecnici: quando è attiva, accanto alle ali anteriore e posteriore, alla pinna di squalo, all'halo, alla presa d'aria e ai copriruota compaiono etichette ancorate, ciascuna delle quali spiega in una o due frasi la funzione aerodinamica del componente e il compromesso progettuale, ingrandendosi man mano che la telecamera si avvicina. I richiami possono essere attivati o disattivati globalmente, i testi sono scritti per chi non è ingegnere e la narrazione originale con scrolling e la vista esplosa rimangono invariate. La presentazione: la pagina guida la telecamera con lo scrolling, mostrando l'auto completa, il muso, la fiancata, la vista esplosa e i dettagli su più schermate con brevi didascalie. L'utente può in qualsiasi momento tenere premuto e trascinare per assumere il controllo della telecamera e ruotare liberamente attorno all'auto; viene quindi visualizzata una barra degli strumenti con posizioni preimpostate della telecamera, una vista macro dei materiali, la vista esplosa e un selettore fra due atmosfere: spazio e studio bianco.

Rendering: sono indispensabili riflessi dell'ambiente studio, ombre realistiche, bloom e profondità di campo a distanza ravvicinata: la credibilità dei materiali è la priorità assoluta della pagina.