Pruébalo en vivo Descripción
World in a Box es una aplicación web para quien quiera sostener en la palma de la mano los recuerdos que comparte con alguien. Te adentras en una calle 3D editable, paseas por ella y entras en cuatro pequeñas tiendas: una vieja tienda de electrónica, una casa de té, una tienda de regalos y un café. De cerca, recoges los «objetos de recuerdo» de sus estantes; después los colocas, junto con tus recuerdos escritos, en un planeta del tamaño de la palma de la mano que puedes girar y conservar, y lo regalas, acompañado de una carta completa, a alguien que te importa.
La experiencia tiene cuatro pasos:
- Calle de los Recuerdos: pulsa E en la puerta de una tienda para entrar y, de cerca, haz clic en los objetos de recuerdo para recogerlos.
- Mi Bolsillo: aquí se guarda todo lo que recoges.
- Editor del planeta: elige un estilo de planeta y una pareja de personajes, selecciona exactamente tres objetos de recuerdo y escribe tus recuerdos y una carta completa.
- Tarjeta coleccionable: el planeta y la carta aparecen juntos en una misma tarjeta.
La tarjeta coleccionable, el modelo del planeta y la carta se pueden guardar y llevar contigo; tu bolsillo y tus borradores se almacenan localmente, así que no se pierde nada al recargar la página.
El propio equipo construyó la calle editable en Three.js (r180) con mallas y materiales horneados, y el planeta y la tarjeta coleccionable se renderizan con el mismo motor. El bolsillo, el editor del planeta, la tarjeta coleccionable y el flujo de guardado también son de desarrollo propio.
Cómo se usó Tripo
Tripo generó el corazón del regalo.
- Objetos de recuerdo y personajes: Tripo produjo las imágenes de diseño y los modelos GLB de alto detalle de todos los objetos de recuerdo principales y de los dos personajes, como el emblemático «Televisor Claro de Luna» de la tienda, de unos 110.000 triángulos. Son los regalos que los jugadores recogen en las tiendas y colocan en el planeta.
- Pipeline que empieza por la imagen: la versión local ejecuta el flujo completo de la API de Tripo; primero genera una imagen de diseño y solo crea el modelo 3D después de que el usuario la apruebe. Cuando se presentó el proyecto, este acceso todavía no estaba abierto en la versión online.
- Un ciclo completo: los modelos de Tripo se integran en la calle de Three.js y en el motor del planeta en la palma de la mano, ambos desarrollados por el propio equipo, desde la generación y la aprobación hasta la exploración, la recogida, la colocación en el planeta, la creación de la tarjeta coleccionable y la exportación de un modelo que puedes conservar. Cada pieza es jugable, coleccionable y está lista para regalar.
