Pruébalo en vivo Descripción
DoodleQuest convierte un dibujo en el héroe de un pequeño mundo hecho para alguien a quien quieres. El creador elige una obra que tiene permiso para usar, aprueba el personaje 3D, añade un destinatario y una nota personal, y envuelve la aventura en un enlace de regalo no listado. El destinatario no necesita registrarse: descubre el dibujo, toca tres campanas musicales y luego recoge una estrella y la entrega para desbloquear la carta.
La demo cuenta la historia del regalo de una pequeña artista a su papá. En un recorrido narrado de 89 segundos, un garabato de papá se convierte en superhéroe. Muestra una generación image-to-3D real de Tripo en la app en línea, el dibujo junto al héroe 3D resultante, la personalización y la vista previa completa y jugable del creador, y termina con «Eres mi héroe todos los días». La ilustración del padre es una obra ficticia creada con la generación de imágenes de OpenAI, y la narración de la niña usa la voz sintética Lovely Girl de MiniMax a través de OpenRouter. Es una demostración preparada por el autor, no el dibujo ni la grabación de una niña real.
Tripo aporta el héroe personalizado: la app almacena y valida el modelo generado y reutiliza ese mismo personaje a lo largo de toda la experiencia. El mundo, la misión, el papel de carta y la melodía de las campanas son contenido original de la app, y el héroe del video usa una animación de respaldo sencilla.
La demo pública funciona sobre Vercel y Neon PostgreSQL. Puedes jugar con Pip, el personaje de ejemplo generado proceduralmente, y crear, guardar y compartir un regalo; generar un nuevo héroe con Tripo requiere la autorización del creador, y el regalo para papá del video sigue siendo una vista previa del creador.
Next.js, React Three Fiber, Three.js y Vercel Workflows impulsan el flujo. Los borradores guardados, la aprobación explícita, las versiones inmutables de los regalos y la revocación mantienen el control en manos de los creadores. Los controles de teclado, el movimiento reducido, un ajuste de menor calidad de render y una versión alternativa legible ofrecen distintas formas de jugar. El creador aporta el mensaje; la pequeña aventura hace que recibirlo forme parte del regalo.
Cómo se usó Tripo
Tripo convierte el garabato en el héroe.
- Image-to-3D: en la demo, la API de Tripo convierte el garabato del padre en un héroe 3D personalizado; el recorrido muestra una generación completada con éxito en la app en línea.
- Dentro de la app: DoodleQuest guarda el ID de la tarea, valida y almacena el GLB, y solo usa el héroe después de que el creador lo apruebe.
- En el mundo: el mismo héroe toca las campanas, lleva la estrella y entrega la carta de papá en un mundo de Three.js.
