Un bingo sur OBS Studio géré par une feuille de calcul
Un système de bingo simple piloté par une feuille de calcul locale et affiché dans OBS Studio
Au fil de mes expérimentations sur les overlays OBS, je me suis souvent retrouvé avec le même besoin :
Comment afficher une grille de bingo en direct sans avoir à modifier l’overlay ou manipuler OBS ?
L’idée était de créer un bingo piloté par une simple feuille de calcul, afin que n’importe quelle personne puisse suivre une partie en ne manipulant qu’un tableau.
Comment fonctionne ce bingo interactif ?
Je n’ai pas trouvé à ma connaissance de plugins pouvant le faire, donc j’ai opté pour une base en local. L’idée était de créer un bingo piloté par une simple feuille de calcul. Plutôt que d’ajouter un panneau de contrôle, je voulais utiliser un outil que tout le monde connaît déjà : un tableur.
Le système repose sur trois éléments seulement :
- une feuille de calcul qui sert à cocher les cases du bingo
- un overlay HTML affiché dans une Source Navigateur OBS
Depuis ce fichier de configuration, il est possible de modifier :
- le nombre maximal de tentatives
- la durée d’une manche
- le temps d’attente entre deux propositions
- la chatroom Twitch à surveiller
En pratique, les spectateurs n’ont qu’à envoyer une proposition avec la commande !motus.
Le jeu analyse alors automatiquement chaque lettre :
- 🟩 bonne lettre, à la bonne position
- 🟨 bonne lettre, mais mal placée
- 🟥 lettre absente du mot
Lorsqu’un mot est trouvé, une nouvelle manche démarre automatiquement avec un mot choisi au hasard. Si personne ne trouve la réponse dans le temps imparti ou après le nombre maximal de tentatives, le mot est révélé puis remplacé par un nouveau.
Développement de l’overlay
L’overlay est développé en HTML, CSS et JavaScript. Toutes les secondes, le script recharge automatiquement un fichier Excel (.xlsx) afin de vérifier si des modifications ont été apportées.
Pour lire le contenu du classeur, j’utilise la bibliothèque SheetJS (XLSX.js), qui permet d’accéder aux cellules directement depuis JavaScript.
Chaque cellule de la feuille correspond à une case précise du bingo :
- A1 → Case A1
- A2 → Case A2
- B3 → Case B3
- D4 → Case D4
Lorsque le script détecte qu’une cellule contient une valeur, la case correspondante est automatiquement marquée comme validée sur l’overlay. Si la cellule est vide, la case retrouve son état initial.
Le fonctionnement est volontairement très simple : la feuille de calcul devient la source de vérité, tandis que l’overlay ne fait qu’en refléter l’état.
Le choix des mots
La qualité des parties dépend énormément de la liste de mots.
J’ai donc constitué une liste répondant à quelques règles simples :
- uniquement des mots courants
- aucune expression composée
- aucun nom propre
- conservation des accents
- des mots compris entre 7 et 12 lettres
L’ensemble reste néanmoins entièrement personnalisable : il suffit de modifier le fichier words.txt pour créer son propre dictionnaire ou proposer des thèmes spécifiques.
Un système facilement personnalisable
Cette logique ouvre finalement beaucoup de possibilités.
Dans ce prototype, une cellule remplie active simplement une case du bingo. Mais rien n’empêche d’utiliser les valeurs de la feuille pour afficher des couleurs différentes, des logos, des icônes ou n’importe quel autre élément graphique.
J’ai d’ailleurs réalisé une variante multijoueur où chaque équipe possède sa propre couleur afin de suivre plusieurs grilles simultanément.
Le même principe pourrait également servir à piloter d’autres overlays ou interfaces sans avoir à développer un outil d’administration spécifique.
Une expérimentation utilisée en conditions réelles
J’ai notamment pu donner un petit coup de main à Shakawah pour adapter ce système lors d’un bingo collaboratif sur Sea of Thieves.
Le principe restait exactement le même : la feuille de calcul pilotait l’overlay en temps réel, tandis que les différentes équipes étaient distinguées grâce à un code couleur.
Cette expérimentation m’a surtout permis de valider une idée que je réutilise régulièrement depuis : une simple feuille de calcul peut devenir une interface d’administration étonnamment efficace pour piloter des overlays OBS sans complexifier leur utilisation.
J’ai pu filer un modeste coupe de main là-dessus à Shakawah avec ce système dans le cadre d’un Bingo en équipe sur le thème du jeu Sea of Thieves
Fiche technique
Fonctionnalités
- Bingo géré par depuis Excel ou LibreOffice Calc
- Compatible également avec Google Spreadsheet
- Intégration dans OBS Studio via une Source Navigateur