VHS Story es un generador de historias interactivas donde el usuario es el protagonista: subes tu foto, tomas decisiones y tu avatar se transforma según el rumbo de la trama. Lo presenté a la Cloudinary CloudCreate: Spooky AI Hackathon y quedó entre los 10 finalistas de más de 140 proyectos.
La idea
La mayoría de las historias interactivas cambian el texto según tus decisiones. Yo quería que cambiara la imagen: que tú, dentro de la historia, te transformaras visualmente en función de lo que eliges. Ese giro —el usuario convertido en personaje que muta con la narrativa— era el corazón del proyecto.
Qué construí
- Narrativa ramificada en la que cada decisión afecta tanto a los eventos como a la apariencia del protagonista.
- Transformación visual en tiempo real con Cloudinary, aplicando efectos e IA sobre la foto del usuario según la escena.
- Interfaz con estética VHS/retro que evoca las historias visuales de los 80 y 90 y refuerza la inmersión.
- Construido con React y Next.js.
El reto técnico
El truco estaba en manipular la imagen del usuario de forma dinámica y creíble en cada escena, sin fricción. Apoyarme en las transformaciones de Cloudinary me permitió generar esas variaciones al vuelo, en lugar de preparar imágenes a mano, y mantener la experiencia fluida.
Resultados
- Finalista (top 10) de la Cloudinary Hackathon entre más de 140 proyectos.
- Una prueba de concepto de cómo combinar IA y transformación de imágenes para crear experiencias personalizadas y memorables.
Enlace al proyecto: vhs-story.vercel.app