Création d'un site web émulateur d'une manette xbox pour un escape game

Février 2025

Créer une manette Xbox virtuelle interactive connectée à une manette physique, avec affichage des actions en temps réel et détection d’une séquence secrète.

Technologies utilisées :

• JavaScript (API Gamepad)

• HTML/CSS (interface utilisateur)

• Gestion d’événements asynchrones (requestAnimationFrame)

• Manipulation du DOM

  
  

Fonctionnalités :

• Connexion et détection automatique de la manette physique

• Affichage visuel des boutons pressés sous forme d’icônes

• Gestion d’un délai (cooldown) pour éviter les répétitions rapides

• Détection d’une séquence secrète de boutons (A, B, Y, X, Bas)

• Ouverture d’un document PDF lors de la saisie du code secret

  
  

Compétences mises en œuvre :

• Utilisation avancée de l’API Gamepad pour la gestion des périphériques

• Programmation événementielle et boucle de rendu fluide avec requestAnimationFrame

• Manipulation dynamique du DOM pour afficher les actions utilisateur

• Gestion d’une séquence d’actions et déclenchement d’événements conditionnels

• Intégration de ressources externes (PDF) via JavaScript