J’ai essayé de créer un petit jeu de puzzle numérique avec le vibe coding.
(number-game-rose.vercel.app)Présentation
J’ai essayé de créer un petit jeu de chiffres avec le vibe coding.
Comme je suis ingénieur en machine learning, je manque de connaissances en frontend et en backend ; c’était donc l’occasion de tester jusqu’où l’on peut aller avec un développement piloté par l’IA.
Les règles du jeu sont les suivantes :
- Vous pouvez supprimer deux nombres dont la somme fait 10, ou deux nombres identiques.
- Les deux nombres doivent être adjacents horizontalement, verticalement ou en diagonale.
- Même s’ils ne sont pas adjacents, vous pouvez aussi les supprimer s’il n’y a que des cases vides entre eux.
- Même si la ligne change entre les deux nombres, ils sont considérés comme adjacents horizontalement s’il n’y a aucun nombre entre eux (le retour à la ligne n’est reconnu que de gauche à droite !).
- S’il n’y a aucun nombre à supprimer, vous pouvez en ajouter.
- Vous gagnez la partie lorsque vous avez supprimé tous les nombres.
Environnement de développement
J’ai utilisé Cursor IDE. Comme je voulais voir jusqu’où on pouvait aller avec les réglages par défaut, je n’ai ni choisi de modèle particulier ni configuré de prompt.
Retour d’expérience
- Excellent pour les tâches simples et mineures
Pour le frontend, le son et les effets d’animation, j’ai utilisé tels quels les éléments recommandés par l’IA. Si je l’avais fait moi-même, il m’aurait fallu beaucoup de temps non seulement pour les implémenter, mais aussi pour choisir quoi utiliser ; le fait que l’IA les ait mis en place de manière adaptée au gameplay m’a permis de réduire considérablement le temps de travail. - Pour les tâches logiques, c’est plus discutable
Même en expliquant bien les règles du jeu, il arrivait souvent que l’implémentation ne corresponde pas à la logique du jeu, ou que l’ajout d’une autre règle casse les fonctionnalités existantes ; il a donc fallu vérifier et corriger moi-même le code. Peut-être que le résultat aurait été différent avec un meilleur prompting ou un meilleur modèle.
Pour conclure
Grâce à l’IA, j’ai l’impression qu’il est désormais possible de créer un prototype simple sans passer des heures à étudier. Mais j’ai aussi pu constater que, pour en faire un usage correct, il reste de nombreux points où l’intervention humaine est nécessaire. Quoi qu’il en soit, je vous serais reconnaissant si vous jouiez beaucoup au jeu haha
3 commentaires
L'apparition des chiffres n'est-elle pas aléatoire ? Il y a pas mal d'asymétrie.
L’ajout de quatre nombres consiste à ajouter les nombres restants dans l’ordre.
Ah, et l’optimisation mobile fait partie des choses que l’IA n’a pas réussi à faire ; je vous serais donc reconnaissant de l’utiliser sur ordinateur ou tablette.