게임패드 연결 완전 가이드 – Xbox, PS, 8BitDo 설정법
Crash Bandicoot의 점프 타이밍이나 Tekken 3의 콤보를 키보드 Z·X로 잡으려다 포기한 적이 있다면, 컨트롤러를 꽂는 것만으로 해결됩니다. 2012년 W3C 초안으로 공개된 Web Gamepad API(아직 정식 표준으로 확정되진 않았지만 모든 주요 브라우저가 구현) 덕분에 요즘 브라우저는 USB·블루투스 패드를 드라이버나 플러그인 없이 바로 읽습니다. 이 가이드에서는 Xbox·DualSense·8BitDo·범용 USB 패드를 RetroArcade에 연결하는 법과, 인식이 안 될 때의 점검 순서까지 정리합니다.
Web Gamepad API — 브라우저 컨트롤러 지원의 원리
MDN Web Gamepad API는 W3C 사양(Working Draft)으로, 정식 표준으로 확정되진 않았지만 Chrome·Firefox·Edge·Opera에서 폭넓게 지원됩니다. 컨트롤러를 연결하면 브라우저가 자동으로 감지하고, 에뮬레이터는 실시간으로 버튼·스틱 입력을 읽어 에뮬레이션된 콘솔의 컨트롤러 신호로 변환합니다. 이 과정은 완전히 클라이언트 측에서 처리되며 서버로 입력 데이터가 전송되지 않습니다.
✅ 지원 브라우저: Chrome 21+, Firefox 29+, Edge 12+, Opera 24+ (Safari는 10.1+ / iOS 10.3+부터 지원, 단 진동 등 일부 기능 제한)
호환 컨트롤러 목록
다음 컨트롤러들이 RetroArcade에서 테스트 완료 확인되었습니다.
| 컨트롤러 | 연결 방식 | 호환성 | 비고 |
|---|---|---|---|
| Xbox One / Series X|S | USB / 블루투스 | ⭐⭐⭐⭐⭐ | 최고 권장. 드라이버 불필요 |
| Xbox 360 유선 | USB | ⭐⭐⭐⭐⭐ | 범용 XInput 표준 |
| DualShock 4 (PS4) | USB / 블루투스 | ⭐⭐⭐⭐☆ | USB 연결이 더 안정적 |
| DualSense (PS5) | USB / 블루투스 | ⭐⭐⭐⭐☆ | 버튼 레이블이 다르지만 매핑 동일 |
| 8BitDo SN30 Pro | 블루투스 / USB | ⭐⭐⭐⭐⭐ | SNES 레이아웃으로 레트로 게임에 최적 |
| 8BitDo M30 | 블루투스 / USB | ⭐⭐⭐⭐⭐ | 메가 드라이브 레이아웃, 6버튼 격투 게임용 |
| Nintendo Switch Pro | USB / 블루투스 | ⭐⭐⭐⭐☆ | USB-C 연결 권장 |
| 범용 USB 게임패드 | USB | ⭐⭐⭐☆☆ | DirectInput 방식은 버튼 매핑 수동 설정 필요 |
* 8BitDo 컨트롤러에 대한 자세한 정보는 8BitDo 공식 사이트에서 확인하세요.
USB 컨트롤러 연결 단계별 가이드
- USB 케이블로 컨트롤러를 컴퓨터에 연결합니다. 드라이버 설치가 필요하면 OS가 자동 처리합니다.
- Chrome 또는 Edge 브라우저에서 RetroArcade를 엽니다.
- 게임 페이지로 이동 후 에뮬레이터가 로드될 때 컨트롤러의 아무 버튼이나 한 번 눌러주세요.
- 에뮬레이터 하단 메뉴 → 설정(⚙) → 컨트롤러에서 인식 여부를 확인합니다.
- 버튼 매핑이 맞지 않으면 같은 메뉴에서 커스터마이즈하세요.
블루투스 컨트롤러 연결 방법
Xbox 무선 컨트롤러(Series X|S·One S) 또는 DualShock 4를 블루투스로 연결하는 경우, OS 레벨에서 페어링이 먼저 완료되어야 합니다.
- Windows 설정 → 블루투스 → 장치 추가에서 컨트롤러를 페어링합니다.
- 페어링 완료 후 브라우저에서 RetroArcade를 열고 게임 페이지로 이동합니다.
- 컨트롤러의 아무 버튼이나 눌러 Gamepad API 인식을 활성화합니다.
- 일부 브라우저(특히 Firefox)는 페이지 포커스가 있을 때만 컨트롤러를 인식합니다. 브라우저 창을 클릭해 포커스를 주세요.
⚠️ Xbox 무선 수신기(2.4GHz)는 Web Gamepad API와 호환되지 않습니다. Xbox 컨트롤러는 반드시 USB-C 케이블 또는 블루투스로 연결하세요.
시스템별 키보드 기본 매핑
컨트롤러가 없을 때 사용하는 기본 키보드 단축키입니다.
| 기능 | PS1 | SNES | GBA | N64 |
|---|---|---|---|---|
| 방향키 | 방향키 | 방향키 | 방향키 | 방향키 |
| 버튼 ① | Z | Z (Y) | Z (A) | Z (A) |
| 버튼 ② | X | X (B) | X (B) | X (B) |
| 버튼 ③ | A | A (A) | — | — |
| 버튼 ④ | S | S (X) | — | — |
| Start | Enter | Enter | Enter | Enter |
| Select | Shift | Shift | Shift | — |
| L 트리거 | Q | Q | Q | Q |
| R 트리거 | W | W | W | W |
| 상태 저장 | F5 | F5 | F5 | F5 |
| 상태 불러오기 | F8 | F8 | F8 | F8 |
자주 묻는 질문 (FAQ)
컨트롤러가 인식되지 않을 때 어떻게 하나요?
게임패드 테스터 사이트(예: hardwaretester.com/gamepad)에 접속해 컨트롤러를 연결하고 아무 버튼이나 눌러 보세요. 브라우저는 개인정보 보호상 버튼을 누르거나 스틱을 움직이기 전까지는 패드를 인식하지 않습니다. 거기서 인식된다면 에뮬레이터 설정에서 재매핑만 하면 됩니다.
PS5 DualSense의 햅틱 피드백이 브라우저에서 작동하나요?
현재 Web Gamepad API는 기본 진동(rumble)만 지원하며, DualSense의 어댑티브 트리거나 고급 햅틱 기능은 지원되지 않습니다.
동시에 두 개의 컨트롤러로 2인 플레이가 가능한가요?
Web Gamepad API는 최대 4개의 컨트롤러를 동시 지원합니다. 2인 플레이를 지원하는 타이틀(예: Tekken 3)에서는 두 번째 컨트롤러도 자동으로 2P 포트에 매핑됩니다.
아이폰/아이패드에서 블루투스 컨트롤러를 사용할 수 있나요?
iOS Safari는 10.3+부터 블루투스 컨트롤러(Xbox·DualShock·DualSense 등)를 지원합니다. 단, Safari의 Gamepad API 구현은 진동(햅틱) 미지원 등 Chrome보다 제한적일 수 있습니다.
관련 글: PS1 명작 TOP 20 → | 게임패드 기능 자세히 보기 →