Indietro

Lunch Gravity

Una web app per decidere cosa mangiare ogni giorno: filtra i ristoranti per sede dell’ufficio, budget, distanza, gusti e valutazione su Amap, condividi una lista per il pranzo con i colleghi e trasforma le foto dei piatti in modelli 3D da ruotare e ingrandire.

Autore: 干饭人们
Provalo dal vivo
Lunch GravityProvalo dal vivo

Descrizione

Lunch Gravity è una web app che risolve la domanda quotidiana su cosa mangiare, creata dal suo team come regalo per tutti gli amanti della buona tavola. Puoi filtrare i ristoranti per sede dell’ufficio, budget, distanza, gusti e valutazione su Amap, e poi trasformare le tue scelte in una lista per il pranzo da condividere con i colleghi.

L’app porta anche il menu dal 2D al 3D. Quando i commensali caricano le foto dei piatti insieme alle loro recensioni, l’app trasforma le foto in modelli 3D con texture mostrati all’interno delle recensioni; sulla pagina puoi ruotare e ingrandire ogni modello o tornare in qualsiasi momento alla foto originale. Una volta che l’estrazione ha scelto il ristorante del giorno, puoi vedere subito i suoi piatti in 3D.

Tutto forma un unico flusso di lavoro: caricare una foto e una recensione, generare un modello 3D, mostrarlo nella recensione e vedere i piatti dal risultato dell’estrazione. La scelta del ristorante, le recensioni e le liste per il pranzo condivise danno a questi piatti 3D un posto reale in cui vivere, così che altri commensali possano trovarli e tornare a guardarli. Le foto originali vengono sempre conservate e i modelli sono chiaramente etichettati come anteprime generate dall’IA.

Come è stato usato Tripo

Tripo è il motore di generazione alla base della visualizzazione 3D dei piatti.

  • Piatti in 3D: dopo che un utente ha caricato la foto di un piatto, l’image-to-3D di Tripo la trasforma in un modello con texture, senza bisogno di modellazione né di texturing.
  • Divisione dei compiti: Tripo genera i modelli; il backend dell’app gestisce l’archiviazione delle immagini, i processi in background e il collegamento dei modelli alle recensioni; React e model-viewer si occupano della visualizzazione, della rotazione, dello zoom e del ritorno alla foto originale.

Trailer