top of page

Creation of an Xbox controller emulator website for an escape game

  • Jun 13, 2025
  • 1 min read

February 2025


Create an interactive virtual Xbox controller connected to a physical controller, with real-time action display and secret sequence detection.


Technologies used:

  • JavaScript (Gamepad API)

  • HTML/CSS (user interface)

  • Asynchronous event handling (requestAnimationFrame)

  • DOM Manipulation


Features:

  • Automatic connection and detection of the physical controller

  • Visual display of pressed buttons as icons

  • Cooldown management to avoid rapid repetitions

  • Detecting a secret sequence of buttons (A, B, Y, X, Down)

  • Opening a PDF document when entering the PIN


Skills implemented:

  • Advanced Use of Gamepad API for Device Management

  • Event-driven programming and smooth rendering loop with requestAnimationFrame

  • Dynamic DOM manipulation to display user actions

  • Managing a sequence of actions and triggering conditional events

  • Embedding external resources (PDF) via JavaScript

bottom of page