Devine Le Prix est un jeu interactif complet où un streamer et sa communauté Twitch (ou des joueurs en solo / groupe) s'affrontent pour estimer le juste prix de produits réels (High-Tech, véhicules, sneakers, gastronomie, luxe, objets du quotidien).
- 🎯 Mode Autonome / Offline : Jouable immédiatement sans configuration complexe ni authentification obligatoire.
- 💜 Intégration Twitch Chat (TMI.js) : Connexion automatique au chat Twitch pour recevoir les estimations des viewers en direct (
!prix 150ou simplement150). - 👁️ Mode Streamer (Anti-Spoil) : Masquage des saisies du streamer (
•••) pour éviter la triche pendant le live. - ⏱️ Timer & Manches Réglables : Choix de la durée (10s à 30s) et du nombre de manches (1 à 20).
- 🔊 Sons & Confettis : Effets sonores intégrés et célébration visuelle de victoires.
- 📊 Calcul des Scores & Statistiques : Prise en compte des écarts de prix et classement de fin de partie.
devine-le-prix/
├── assets/
│ └── products/ # Photos réelles des produits
├── css/
│ ├── style.css # Feuille de style du jeu
│ ├── settings_glass.css # Interface Glassmorphism des paramètres
│ ├── common.css # Design tokens généraux
│ ├── landing.css # Thème global
│ └── animations.css # Animations CSS
├── js/
│ ├── app.js # Logique principale du jeu
│ ├── game_data.js # Base de données produits
│ ├── game-state.js # Gestion de l'état et persistance LocalStorage
│ ├── player-stats.js # Calcul des XP et statistiques
│ ├── audio-manager.js # Contrôle du son
│ ├── twitch-service.js # Service de connexion Twitch Chat (tmi.js)
│ └── confetti.min.js # Animation de célébration
├── sound/ # Effets sonores audio (.mp3 et .wav)
├── images/ # Favicon et visuels
├── index.html # Page principale du jeu
└── README.md # Guide d'utilisation
- Ouvrez simplement
index.htmldans n'importe quel navigateur Web modern. - Définissez la configuration souhaitée (Nombre de manches, Timer, Mode Streamer).
- Cliquez sur LANCER LA PARTIE pour commencer immédiatement !