Otrio Web

Une adaptation web d’Otrio pensée pour des duels tactiques en 1 contre 1.

• Le joueur 1 contrôle les couleurs rouge et jaune.
• Le joueur 2 contrôle les couleurs bleue et verte.
• La couleur active alterne automatiquement à chaque tour du joueur.
• Une combinaison gagnante doit utiliser trois cercles d’une seule couleur ; les deux couleurs d’un joueur ne se mélangent pas pour marquer.
• Une partie peut être jouée sur le même écran ou dans un salon privé en ligne.

La version publiée est disponible sur seb16120.github.io/otrio-web.

Modes de jeu

Local

Deux joueurs partagent le même écran. Les scores et le premier joueur de chaque manche sont gérés dans le navigateur.

Online

Deux joueurs rejoignent un salon privé grâce à un code à six caractères. Les coups, les tours, les victoires et les scores sont validés dans Supabase, puis synchronisés en temps réel.

La connexion anonyme permet de commencer immédiatement. Elle pourra ensuite être reliée au futur compte Brain Games (Google ou e-mail) sans modifier le moteur de partie.

Architecture

• js/game-core.js contient les règles partagées et la détection des trois types de victoire.
• js/game-ui.js affiche le plateau et les pièces.
• js/local.js orchestre les parties jouées sur le même écran.
• js/online-v5.js gère les salons, la reconnexion et la synchronisation temps réel.
• supabase/otrio-online.sql documente le schéma, les politiques de sécurité et les fonctions serveur du mode online.

Les tables Otrio sont séparées de celles des autres jeux hébergés dans le même projet Supabase.

Développement local

Le projet ne nécessite ni compilation ni dépendance locale. Il suffit de servir le dossier avec un serveur HTTP statique, puis d’ouvrir index.html dans le navigateur.

Le fichier ZIP historique peut ne pas refléter la dernière version ; le dépôt et le site GitHub Pages restent les sources de référence.