Tous les projets 
Vue 3TypeScriptTwitch APIFirebase
Halloween Aife
Un jeu d'Halloween pour la communauté d'Aife composé de 4 puzzles séquentiels, chacun débloqué à une heure précise. L'un d'eux utilise le chat Twitch comme mécanisme de saisie - les spectateurs tapent leurs réponses en direct dans le chat.
oct. 2021 Démo en ligne
Vue d’ensemble
Une expérience Halloween d’une nuit, pour la communauté d’Aife. Le jeu est une séquence de 4 puzzles, chacun révélé à une heure programmée pendant l’événement.
Puzzles
- Un compte à rebours à l’esthétique 666 avec un audio caché, qui crée de la tension avant le début du jeu
- Un puzzle Twitch où les spectateurs tapent directement dans le chat pour soumettre leurs réponses ; validées contre une solution obfusquée via un algorithme de comparaison de caractères
- Un puzzle d’état visuel nécessitant une combinaison précise de filtres CSS (invert, blur, contrast, hue, shadow…) et de couches d’images toutes actives simultanément
- Un puzzle de patterns d’images mobiles où des sprites doivent être révélés ou arrangés correctement sur l’écran
- Un puzzle à 3 champs de mot de passe ; entrer les bons codes et cliquer le bouton redirige vers l’URL finale, une mauvaise réponse déclenche un effet sonore de piano slam
Fonctionnement
La page principale lit l’heure courante et change de composant de puzzle en conséquence - chaque puzzle n’est affiché que pendant sa fenêtre horaire programmée. L’intégration Twitch chat se connecte en direct à la chaîne pour que les messages des spectateurs alimentent directement la logique du puzzle.
Stack
- Frontend : Vue 3, TypeScript, WindiCSS, Vite
- Twitch : Twurple (connexion chat pour le puzzle chat)
- Storage : Firebase