VibeCity - Un espace de conversation qui accueille vos émotions

Bonjour !

J’ai créé ce service de chat avec des personnages virtuels, avec une touche de jeu, en me demandant jusqu’où on pouvait aller avec le vibe coding.

J’ai recréé un bar classique de minuit dans Vibe City en pixel art 2D, et des clients virtuels y séjournent. Vous choisissez votre état émotionnel du jour, recevez une recommandation de boisson, puis pouvez engager la conversation avec le client qui vous plaît.

Avec trois collègues, nous faisons plusieurs essais en side project. Considérez cela comme un projet sprint autour de la question : « En sortant de ce que nous faisions jusque-là, pouvons-nous apporter aux gens du réconfort, de l’empathie et du plaisir ? »

Ce service a été créé au cours d’un design sprint de deux semaines.

---

[Combinaison d’outils d’IA utilisés]
Comme il s’agit de VibeCity, nous avons essayé d’utiliser autant de services d’IA générative que possible.

• Prompts des personnages (ChatGPT, Silly Tavern)
• Images des personnages, arrière-plans (Midjourney, Whisk(Imagen4), Imagen3)
• Univers de fond, prompts de génération d’images (ChatGPT 4o, Gemini 2.5 Pro)
• Implémentation du projet (Claude Sonnet 4, ChatGPT 4.1)
• BGM (SunoAI)

Le prototype a atteint en un ou deux jours un niveau de qualité qui nous satisfaisait. En revanche, à mesure que nous ajoutions des fonctionnalités, le nombre d’itérations de vibe augmentait inévitablement et la continuité se dégradait fortement. Dans l’IDE, j’ai donc utilisé autant que possible le mode Ask plutôt que le mode Agent, en me concentrant aussi sur le maintien d’un faible nombre de lignes par fichier.

Le plus difficile a sans doute été la première implémentation du concept de scènes appliqué au jeu, car nous manquions d’instructions de conception suffisamment claires.

Pour créer les prompts des personnages, je me suis inspiré de conseils partagés par des utilisateurs de Silly Tavern ou de Wrtn.

Voici le prompt simple utilisé pour générer les images des boissons :
"A detailed pixel art masterpiece, 16-bit retro style, vibrant colors, white background, depicting: mojito. Ensure clear outlines and a distinct pixelated aesthetic."

Comme nous sommes une équipe sans designer, nous nous demandions si l’IA générative suffirait vraiment à produire les assets nécessaires, mais pour un prototype, l’expérience a été plus que satisfaisante.

---

[Développement]

• IDE (Cursor, Github Copilot)
• API (ChatGPT 4.1)
• Backend serverless (Vercel)
• Base de données (SQLite serverless)

C’était ma première fois dans un environnement React. Avec l’offre gratuite Hobby de Vercel, j’ai été très satisfait de l’expérience de déploiement : déploiement simple, statistiques, consultation de Speed Insights, connexion à une base de données serverless, et même liaison d’un domaine personnalisé.

---

Pour préserver l’ambiance du jeu, les tests sont pour l’instant menés uniquement sur environnement desktop, mais toute question ou tout retour est le bienvenu ! Merci.

[attrestmedia]

Projet intéressant, dommage qu’il ne fonctionne pas sur mobile. Je vais devoir l’essayer en rentrant chez moi. ^^;

[ifmkl]

Oh, très intéressant ! J’ai bien savouré un délicieux verre de Margarita haha

[yunheenet]

Merci pour l’essai ! J’espère que l’alcool de jour vous a plu haha