Principe & Fonctionnement
Un système de bingo qui peut être géré par une feuille de calcul en local. Il suffit de cocher la case sur la feuille de calcul et d’enregistrer le fichier (un fichier HTML dans OBS) pour que l’élément sur l’overlay se mette à jour.

Une version alternative du bingo avec des pastilles de couleur selon chaque équipe.
Création & Dev
De manière synthétique :
- D’un côté, il faut préparer un feuille de calcul en local — ici Libre Office Calc — sous la forme d’un bingo de 4x4 cases.
- Ensuite, j’ai crée un fichier HTML et un script en Javascript qui va aller lire ma feuille de calcul environ toutes les 3 secondes pour surveiller les changements. Quand une case est “cochée” sur ma feuille de calcul, l’overlay se met automatiquement à jour selon le design qu’on lui applique (couleur, logo, croix…).
Il a fallu s’assurer que chaque cellule de la feuille de calcul soit en adéquation avec la classe HTML associée : A1, A2 etc…
Avec un un peu d’astuce, il est possible de créer un système qui s’adapte à plusieurs grilles (pour plusieurs équipes).
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
Outils & technologies
- OBS Studio
- HTML/CSS/JavaScript & GSAP
- Libre Office Calc ou Excel