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 (1)

Collapse
 
martijn_assie_12a2d3b1833 profile image
Martijn Assie

Nice… a browser-based Gamepad Tester is exactly what people need for quick stick drift checks without installing extra software. Using the HTML5 Gamepad API makes it lightweight and accessible for anyone with Chrome or Edge.