Provalo dal vivo Descrizione
World in a Box è una web app per chi vuole tenere nel palmo della mano i ricordi che condivide con qualcuno. Entri in una via 3D modificabile, la percorri passeggiando e varchi la soglia di quattro piccole botteghe: un vecchio negozio di elettronica, una sala da tè, un negozio di regali e una caffetteria. Da vicino raccogli gli «oggetti-ricordo» sui loro scaffali, poi li posi, insieme ai ricordi che hai scritto, su un pianeta grande come un palmo che puoi far ruotare e conservare, e lo regali, accompagnato da una lettera completa, a una persona importante per te.
L’esperienza si articola in quattro passaggi:
- Via dei ricordi: premi E davanti alla porta di un negozio per entrare e, da vicino, clicca sugli oggetti-ricordo per raccoglierli.
- La mia tasca: qui viene conservato tutto ciò che raccogli.
- Editor del pianeta: scegli uno stile di pianeta e una coppia di personaggi, seleziona esattamente tre oggetti-ricordo e scrivi i tuoi ricordi e una lettera completa.
- Carta da collezione: il pianeta e la lettera compaiono insieme su un’unica carta.
Puoi salvare e portare con te la carta da collezione, il modello del pianeta e la lettera; la tua tasca e le bozze restano memorizzate in locale, quindi ricaricando la pagina non perdi nulla.
Il team ha costruito da sé la via modificabile in Three.js (r180), con mesh e materiali baked, e il pianeta e la carta da collezione sono renderizzati con lo stesso motore. Anche la tasca, l’editor del pianeta, la carta da collezione e il flusso di salvataggio sono stati sviluppati interamente in casa.
Come è stato usato Tripo
Tripo ha generato il cuore del regalo.
- Oggetti-ricordo e personaggi: Tripo ha prodotto le immagini di design e i modelli GLB ad alto dettaglio di tutti gli oggetti-ricordo principali e di entrambi i personaggi, come il televisore «Moonlit TV», il pezzo forte del negozio, con circa 110.000 triangoli. Sono questi i regali che i giocatori raccolgono nei negozi e posano sul pianeta.
- Pipeline «prima l’immagine»: la versione locale esegue l’intero flusso dell’API di Tripo, generando prima un’immagine di design e creando il modello 3D solo dopo l’approvazione dell’utente. Al momento dell’invio del progetto, questo accesso non era ancora disponibile nella versione online.
- Un ciclo completo: i modelli di Tripo si innestano nella via in Three.js e nel motore del pianeta in miniatura sviluppati dal team, dalla generazione e approvazione all’esplorazione, alla raccolta, al posizionamento sul pianeta, alla creazione della carta da collezione e all’esportazione di un modello da conservare. Ogni pezzo si può giocare, collezionare e regalare.
