VibeCity - Un espacio de conversación que abraza tus emociones
(vibecity.chat)¡Hola!
Mientras me preguntaba hasta dónde se puede llegar realmente con el vibe coding, terminé creando este servicio de chat con personajes virtuales con un toque de juego.
Usando pixel art en 2D, recreamos un bar clásico de medianoche dentro de Vibe City, y allí permanecen huéspedes virtuales. Puedes elegir cómo te sientes hoy, recibir una recomendación de bebida y luego conversar con el huésped que más te guste.
Junto con 3 compañeros hemos estado probando varias ideas como proyecto paralelo. Más que algo definitivo, véanlo como un proyecto sprint para responder a la pregunta: "¿Podemos darles a las personas consuelo, empatía y diversión?"
Este servicio fue creado a través de un proceso de design sprint de 2 semanas.
[Combinación de herramientas de IA utilizadas]
Como se trata de VibeCity, probamos usar la mayor cantidad posible de servicios de IA generativa.
- Prompts de personajes (ChatGPT, Silly Tavern)
- Imágenes de personajes y fondos (Midjourney, Whisk(Imagen4), Imagen3)
- Mundo de fondo y prompts para generación de imágenes (ChatGPT 4o, Gemini 2.5 Pro)
- Implementación del proyecto (Claude Sonnet 4, ChatGPT 4.1)
- BGM (SunoAI)
El prototipo llegó a un nivel satisfactorio en uno o dos días. Pero, como era de esperarse, mientras más funciones agregábamos, más aumentaban las repeticiones del vibe y más se deterioraba la continuidad, así que en el IDE intenté usar mucho más el modo Ask que el modo Agent, y me enfoqué bastante en mantener pocas líneas por archivo.
Como además era la primera vez que implementaba el concepto de escenas aplicado a un juego, hubo más partes difíciles por la falta de instrucciones de diseño claras.
Para crear los prompts de personajes, tomé como referencia consejos de personas que usan Silly Tavern o Wrtn.
El prompt simple que usé para generar las imágenes de bebidas es el siguiente.
"A detailed pixel art masterpiece, 16-bit retro style, vibrant colors, white background, depicting: mojito. Ensure clear outlines and a distinct pixelated aesthetic."
Como somos un equipo sin diseñador, teníamos la duda de si realmente podríamos crear suficientes assets necesarios solo con IA generativa, pero para un prototipo fue una experiencia más que satisfactoria.
[Sobre el desarrollo]
- IDE (Cursor, Github Copilot)
- API (ChatGPT 4.1)
- Backend serverless (Vercel)
- Base de datos (SQLite serverless)
Era mi primera vez en un entorno con React. La experiencia de despliegue fue muy satisfactoria: desde desplegar fácilmente con el plan gratuito Hobby de Vercel, hasta ver estadísticas y Speed Insights, conectar una base de datos serverless y enlazar un dominio personalizado.
Para conservar la sensibilidad de juego, por ahora solo estamos haciendo pruebas en entorno de escritorio, pero cualquier pregunta o feedback será siempre bienvenido. ¡Gracias!
3 comentarios
Es un proyecto interesante, pero es una lástima que no funcione en móvil. Tendré que probarlo cuando llegue a casa. ^^;
¡Oh, muy interesante! Me tomé muy bien una deliciosa margarita, jaja.
¡Gracias por probarlo! No sé si les habrá parecido bien tomar durante el día jaja