Catégorie : 🌐 Web

Il y a quelques années, j’avais imaginé un petit jeu, genre Tetris, avec des blocs de couleurs. Comme je ne sais pas vraiment coder, j’avais abandonné l’idée. Mais depuis, les LLM sont arrivés. Comme je suis abonné payant à X, je peux profiter de Grok (l’IA / LLM de X), qui vient de sortir sa version 3. C’est tout simplement époustouflant. Je vous partage ce que j’ai pu faire en à peu près 2h.

Définition des règles

L’interface de chat avec Grok v3 est très efficace et simple : on discute avec l’iA. En quelques échanges, je lui explique les règles du jeu, qu’il me reformule et synthétise. Au bout de quelques minutes on arrive à cela :
D’accord, on a maintenant une condition de fin ! Voici la liste mise à jour :
1. Le jeu s’appellera « Priks », et c’est un jeu de « Blox ».
2. Le jeu démarre avec une grille vide de 8×8 cases.
3. À chaque tour, le joueur (le jeu est en solo) récupère un bloc (« Blox ») qu’il doit envoyer dans la grille : il l’insère en bas de la grille, et le Blox se place dans la dernière case libre de la grille.
4. Les Blox ont une couleur aléatoire parmi 6 couleurs possibles.
5. Le but est d’arriver à placer les Blox à côté de Blox de la même couleur. En formant une chaîne de 5 Blox de même couleur (en ligne ou se touchant en diagonale, peu importe la forme), on les fait disparaître.
6. Tous les 10 coups, une ligne complète de Blox aléatoires (1 par colonne, donc 8 Blox) arrive du bas et remplit la grille avec le même mécanisme que les Blox placés par le joueur. Cette ligne contient 1 Priks situé dans une colonne aléatoire.
7. Le joueur démarre la partie avec une « bombe » qu’il peut lancer à tout moment à la place d’un Blox. Cette bombe, en arrivant dans la grille, fait disparaître tous les Blox adjacents (les 8 cases autour).
8. À chaque fois que le joueur réussit à faire disparaître des Blox en créant des chaînes, cela incrémente un compteur : au bout de 5 (chaînes réussies), il obtient une bombe supplémentaire.
9. Il existe un autre type de Blox, appelé « Priks » (d’où le nom du jeu), qui est « en pierre » (pas d’une couleur). Il ne peut être détruit que par une bombe (on ne peut pas l’inclure dans une chaîne). Il y a 1 chance sur 10 que le prochain Blox soit un Priks.
10. Le jeu se termine quand le joueur ne peut plus placer un Blox, ou quand la ligne complète de Blox qui arrive tous les 10 coups rencontre une ou plusieurs colonnes déjà pleines.
Tout est correct ? Pour la règle 10, je comprends que le jeu s’arrête soit si une colonne est pleine au moment où le joueur veut placer un Blox, soit si la ligne complète (tous les 10 coups) ne peut pas entrer à cause d’au moins une colonne pleine. As-tu d’autres règles à ajouter ou veux-tu qu’on passe à une autre étape (comme imaginer comment visualiser ça ou tester un exemple) ?
C’est impressionnant comme la conversation est fluide et simple. Mais c’est le moins impressionnant.

Proto dans le chat

Spontanément quand je lui parle de faire un prototype du jeu, il me propose une manière simple et élégante pour visualiser le jeu en mode texte et tester les règles en condition réelle.

Ca nous a permis de rapidement corriger des points qui n’avaient pas été bien exprimés/compris, et d’arriver à une version propre du proto. Très très impressionnant. Mais le ce n’est pas encore le plus impressionnant.

Génération de Code

Une fois ce prototype « texte » mis au point, je lui demande de me générer du code en html pour que je puisse lancer le jeu en local dans un navigateur. Il cela ne lui pose aucun problème. Génération du code ci-dessous (200 lignes de code en html), quasi-instantanée, sans aucune faute à l’exécution.

Les seules modifs que j’ai eu à lui faire faire sont liées à des mauvaises compréhension de certains détails des règles non testées en mode texte. C’est vraiment là que j’ai trouvé ça ultra impressionnant. Un non-codeur peut faire un prototype fonctionnel de son petit jeu en quelques heures. Voilà ce qu’on appelle un vrai changement de paradigme, il me semble. Quel kif.
Il ne me reste plus qu’à améliorer un peu le jeu, ajouter un score, complexifier ceci ou cela, ajouter des images .png, etc. Mais le gros du boulot a été fait sans aucune compétence de codage. Qu’en pensez-vous ? ça vous donne des idées ?

Jouez à Priks V1.1 ici : Lancer le jeu

MAJ :
J’ai pu remettre en marche ma page de Citations (plugin WordPress pondu par Grok) : Citations
Et j’ai créé l’outil graphique que je voulais faire depuis longtemps en 5 minutes : Plans perçés.