Interattivo
Esplora portfolio 3D, esperienze di prodotto ed esperimenti interattivi. Scegli un’interazione che ti piace e aggiungi il tuo soggetto e stile visivo.
Un atlante interattivo 3D della mobilità di New York, basato sull'attività dei taxi gialli della città nel gennaio 2025, con mappa 3D, riproduzione dei movimenti ora per ora, analisi delle zone e confronti con le medie dei giorni feriali o del fine settimana.
Un prompt per Dream Loop Plus dedicato a una scena fantasy Three.js eseguita nel browser, con camera isometrica, personaggio controllabile, pavimenti bagnati riflettenti e movimento ambientale. L'autore lo presenta come un prompt demo che utilizza GPT-5.6 Luna xhigh; nel post si afferma che Astra esegue il lavoro visivo nel flusso ottimizzato.
Prompt iniziale suggerito dall’autore per creare, in un unico file HTML autonomo, un collisore di particelle 3D interattivo ispirato al CERN, all’LHC e al rivelatore ATLAS. Viene presentato come prompt per realizzare qualcosa di simile, non necessariamente come l’input esatto usato per il risultato mostrato.
Prompt per creare nel browser un paesaggio 3D di una risaia con Three.js, animazione naturale del vento, modalità di illuminazione e visualizzazione, controlli responsive, vegetazione procedurale e rendering in tempo reale.
Il post principale mostra un modello 3D e una resa web della Sala della Preghiera per il Buon Raccolto del Tempio del Cielo di Pechino, realizzati con GPT-6 Astra e Three.js; in seguito l’autore ha condiviso il prompt completo in cinese utilizzato per creare progetti di questo tipo.
Crea un albero di limoni 3D gelatinosi interattivo in WebGPU, con rami ondeggianti, limoni selezionabili con il mouse e una fisica di deformazione e rimbalzo.
Specifiche dettagliate per un gioco Three.js con un robot a quattro zampe dai movimenti espressivi, celle della batteria visibili, ricarica e tre compiti basati su oggetti.
Crea una scena stradale interattiva in miniatura con una bicicletta da corriere, negozi, effetti di asfalto bagnato, foglie sparse, un mondo curvo, stile pixel art e parametri Forge regolabili.
Crea una visualizzazione 3D di uno smartphone con uno slider per esploderlo e ricomporlo, componenti selezionabili e spiegazioni della funzione di ogni parte.
Crea un sito 3D interattivo che scomponga un computer desktop in 29 componenti principali. Aggiungi uno smontaggio animato e una spiegazione per ciascun pezzo.
Crea una miniatura di Seoul in Three.js usando dati cartografici aperti. Aggiungi navigazione per distretto, sorvoli dei luoghi simbolo, modalità giorno e notte e controlli touch. Dichiara quali edifici sono semplificati, quali altezze sono stimate e le licenze dei dati.
Modella un nucleo energetico, due anelli e una base metallica in Blender. Esporta i materiali in un visualizzatore Three.js con controlli di rotazione, zoom, orbita automatica e pulsazione.
Trasforma una stanza personale in un sito interattivo di presentazione. Costruisci la scena ed esegui il bake in Blender, poi aggiungi vapore del caffè, animazione in stile Matrix e sottili effetti shader.
Studia l’appartamento del protagonista di D4 e ricrealo come prototipo 3D giocabile. Confronta la disposizione e le interazioni con i riferimenti, senza presumere che la ricostruzione sia esatta.
Astra ha ricevuto l’incarico di creare un breve brano originale e un ensemble 3D giocabile con animazione guidata dall’audio, ricerca temporale, slow motion, controlli della telecamera, MIDI e codice sorgente.
Crea un esploratore del sistema solare nel browser con Three.js, otto pianeti e venti lune. Consenti di muovere la camera e pianificare voli spaziali in modo semplificato.
Crea una landing page degli abissi con effetti d’acqua Three.js, un’interfaccia scura dall’aspetto di vetro e movimenti legati allo scorrimento. Combina l’atmosfera 3D con interazioni web chiare e adatte alle diverse dimensioni dello schermo.
Costruisci una dimostrazione interattiva di Hyperloop in Three.js che mostri capsula di trasporto, infrastruttura tubolare e movimento nel sistema.
Trasforma l'immagine di riferimento fornita in una scena Three.js dentro un sito di studio con scorrimento fluido. Coordina movimento di camera, tipografia e transizioni tra sezioni.
Costruisci un sito interattivo di prodotto intorno a una bottiglia di vetro WebGL fotorealistica. Usa liquido rifrangente, rotazione guidata dallo scorrimento e tipografia decisa, mantenendo le prestazioni del browser.
Costruisci una macchina 3D di capsule dei ricordi. Ruota una manopola per liberare un ricordo, modella il meccanismo in Blender e dai alle capsule in caduta movimento e suono credibili.
Costruisci un piccolo diorama introduttivo in Blender e animalo in Three.js. Usa oggetti focali chiari e brevi sequenze animate per spiegare le prime azioni dell'utente.
Costruisci un sito di anatomia 3D in cui il corpo umano si separi in strutture ispezionabili individualmente. Rendi navigabile la vista esplosa e organizza le parti in sistemi significativi.
Crea un pellicano 3D che pedala su una bicicletta verde menta direttamente nel browser, con pedalata naturale, controlli di orbita, zoom e velocità regolabile.
Spiega cosa il visitatore può cliccare, trascinare o modificare e cosa succede in risposta. Rendi evidente la prima interazione e descrivi sia i comandi touch sia quelli del mouse.
Scopri le tecniche utilizzate negli esempi.
Dai alla tua prossima scena un personaggio che merita uno sguardo da vicino. Crea risorse 3D dettagliate e con texture da un'immagine o poche parole.
Genera risorse 3D gratis
