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 ?

Le tableur en local permet de modifier en temps réel l'overlay sur OBS Studio
Le tableur en local permet de modifier en temps réel l'overlay sur OBS Studio

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 :

Depuis ce fichier de configuration, il est possible de modifier :

Un fichier de configuration pour modifier les options de jeu
Un fichier de configuration pour modifier les options de jeu

En pratique, les spectateurs n’ont qu’à envoyer une proposition avec la commande !motus.

Le jeu analyse alors automatiquement chaque lettre :

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 :

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 :

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 fichier texte simple avec un mot à deviner par ligne
Un fichier texte simple avec un mot à deviner par ligne

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

Outils et technologies

  • OBS Studio
  • HTML/CSS/JavaScript & GSAP
  • Libre Office Calc ou Excel