Bennett Boss

Poki의 인기 게임 Drift Boss 스타일을 본뜬 한 버튼 운전 게임. HTML5 Canvas + 바닐라 JavaScript로 작성. 빌드 도구 없음, 외부 의존성 없음.

조작

• 마우스 / 화면 터치 / 스페이스바를 꾹 누르면 오른쪽으로 회전
• 떼면 왼쪽으로 회전
• 길 밖으로 나가면 게임 오버

실행

정적 파일이라 어떤 브라우저로도 index.html을 열기만 하면 동작.

open index.html      # macOS
# 또는
python3 -m http.server 8000   # http://localhost:8000

파일 구조

drift-boss/
├── index.html   # 캔버스 + 시작/게임오버 화면
├── style.css    # UI 스타일링
├── game.js      # 게임 로직 (입력, 트랙 생성, 충돌, 그리기)
└── README.md

기술 메모

• 트랙은 절차적 생성: 자동차가 진행하면 위쪽으로 새 구간 추가, 뒤쪽 구간 제거 → 메모리 일정
• 카메라: 자동차 월드 좌표를 기준으로 ctx.translate로 화면 이동
• 충돌: 자동차의 현재 y에 해당하는 트랙 구간을 찾아 좌우 폭 비교 (간단 AABB류)
• 베스트 점수: localStorage에 저장되어 브라우저 새로고침 후에도 유지