HTML5 Gamepad API를 사용해 브라우저 기반 Gamepad Tester를 만들었습니다

Source: Dev.to

프로젝트 개요

최근 많은 게이머들이 PS5와 Xbox 컨트롤러에서 “스틱 드리프트” 문제를 겪고 있다는 것을 알게 되었지만, 이를 테스트하려면 보통 DS4Windows 같은 무거운 소프트웨어를 다운로드해야 했습니다.
그래서 HTML5 Gamepad API를 활용한 가볍고 브라우저 기반의 솔루션을 만들기로 했습니다.

• 프로젝트: TestMyGamepad
• 실시간 데모:

주요 기능

• 드리프트 시각화 – 캔버스 요소가 아날로그 스틱의 정확한 좌표를 그립니다. 스틱이 0.00으로 돌아오지 않으면 도구가 센터링 오류를 표시합니다.
• 폴링 레이트 확인 – gamepadconnected 이벤트와 입력 업데이트 사이의 시간을 측정해 앱이 블루투스 지연 시간(Hz)을 추정할 수 있습니다.

사용 방법

여기에서 컨트롤러를 테스트해 보세요: Calibration Tool

지원되는 컨트롤러

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

하드웨어 수리용 문서 허브도 작업 중입니다. 입력 시각화에 대한 피드백이 있으면 알려 주세요!