Volver

Lunch Gravity

Una app web para decidir qué comer cada día: filtra restaurantes por ubicación de la oficina, presupuesto, distancia, sabor y valoración en Amap, comparte una lista para el almuerzo con tus compañeros de trabajo y convierte fotos de platos en modelos 3D que puedes girar y ampliar.

Autor: 干饭人们
Pruébalo en vivo
Lunch GravityPruébalo en vivo

Descripción

Lunch Gravity es una app web para resolver la pregunta diaria de qué comer, creada por su equipo como regalo para todos los que disfrutan de una buena comida. Puedes filtrar restaurantes por ubicación de la oficina, presupuesto, distancia, sabor y valoración en Amap, y luego convertir tus elecciones en una lista para el almuerzo que compartir con tus compañeros de trabajo.

También lleva el menú del 2D al 3D. Cuando los comensales suben fotos de platos junto con sus reseñas, la app convierte las fotos en modelos 3D texturizados que se muestran dentro de las reseñas; en la página puedes girar y ampliar cada modelo o volver a la foto original en cualquier momento. Cuando el sorteo ha elegido el restaurante del día, puedes ver sus platos en 3D al instante.

Todo forma un único flujo de trabajo: subir una foto y una reseña, generar un modelo 3D, mostrarlo en la reseña y ver los platos desde el resultado del sorteo. La elección de restaurante, las reseñas y las listas de almuerzo compartidas dan a estos platos 3D un lugar real donde vivir, para que otros comensales puedan encontrarlos y volver a ellos. Las fotos originales se conservan siempre, y los modelos están claramente identificados como vistas previas generadas por IA.

Cómo se usó Tripo

Tripo es el generador central detrás de la vista 3D de los platos.

  • Platos en 3D: cuando un usuario sube la foto de un plato, el image-to-3D de Tripo la convierte en un modelo texturizado, sin necesidad de modelar ni texturizar.
  • Reparto del trabajo: Tripo genera los modelos; el backend de la app se encarga del almacenamiento de imágenes, las tareas en segundo plano y la vinculación de los modelos con las reseñas; React y model-viewer se encargan de la visualización, la rotación, el zoom y el cambio a la foto original.

Tráiler