DEV Community

Cover image for I built a browser-based Gamepad Tester using the HTML5 Gamepad API
TestMy Gamepad
TestMy Gamepad

Posted on

I built a browser-based Gamepad Tester using the HTML5 Gamepad API

I recently noticed that many gamers struggle with "Stick Drift" on their PS5 and Xbox controllers, but testing it usually requires downloading heavy software like DS4Windows.

I decided to build a lightweight, browser-based solution using the HTML5 Gamepad API.

The Project: TestMyGamepad

The goal was to visualize raw input data directly in the Chrome/Edge browser.

Live Demo: https://testmygamepad.com

Key Features

  1. Drift Visualization: I built a canvas element that draws the specific coordinates of the analog sticks. If the stick doesn't return to 0.00, it flags a centering error.
  2. Polling Rate Check: By measuring the time between gamepadconnected events and input updates, we can estimate the Bluetooth latency (Hz).

How to use it
You can test your controller here: Calibration Tool

It supports:

  • DualSense (PS5)
  • Xbox Series X|S
  • Joy-Cons (Nintendo)

I'm also working on a documentation hub for hardware repairs.

Let me know if you have any feedback on the input visualization!

Top comments (0)