Je veux tester !

Motus jouable par la chatroom

Principe & Fonctionnement

Un mini-jeu de Motus, intégrable sur l’habillage visuel et jouable directement depuis la chatroom. Pour jouer ici, il suffit de poster un message commençant par “!motus” dans la chatroom, suivi du mot et ensuite de voir si le mot deviné est le bon.

En faisant une proposition de mot à deviner sur la chatroom, le motus sur l’overlay s’active.
  • Une case verte signifie que la lettre est bonne et à la bonne place.
  • Une case orange/jaune signifie que la lettre est bonne mais pas à la bonne place.
  • Une case rouge signifie que la lettre n’est pas bonne.

Si le mot est trouvé ou au contraire non-trouvé au bout de 6 essais, un nouveau mot est tiré au hasard.

Création & Dev

Globalement, la création s’est faite en deux temps :

  • J’ai crée en HTML/CSS une grille de 6 lignes de 8 cases et codé les règles globales du jeu (colorations des cases, choix du mot au hasard etc…). A chaque nouvelle manche, un nouveau mot est tiré au hasard à partir d’un fichier JSON.
  • Un script avec la librairie TMI.js qui permet de surveiller les messages sur une chatroom de son choix. J’ai fait en sorte qu’uniquement les messages commençant par la commande “!motus” soient pris en compte pour le jeu. J’ai également limité à une proposition toutes les 10 secondes pour éviter le spam.
Un fichier .json où je note des mots de 8 lettres pour le Motus
Un fichier .json où je note des mots de 8 lettres pour le Motus

Pour finir, il ne reste qu’à glisser le fichier HTML dans une source “Navigateur” dans OBS et tout roule.

Il y a encore quelques bugs, mais le prototype est fonctionnel.

J’ai également fait des tests avec un jeu de mots mêlés mais c’est pour l’instant moins probant.

Un fonctionnement similaire au jeu Motus ci-dessus, sauf qu’il s’agit d’un jeu de mots mêlés

Axes d’amélioration possibles

  • Du bugfix
  • Meilleure gestion du bot pour la chatroom
  • Un chronomètre
  • Message de félicitation et Tableau des scores

Outils & technologies

  • OBS
  • HTML/CSS/JS
  • Json
  • Librairie TMI.js