Claude의 도움으로 어린 시절 PS2 추억을 무료 브라우저 게임으로 구현함: 단일 HTML 파일, 에셋 파일 없음
Claude helped me turn a childhood PS2 memory into a free browser game: single HTML file, zero asset files
핵심 요약
Claude를 활용해 어린 시절 즐겼던 PS2 게임을 단일 HTML 파일 기반의 웹 게임으로 재탄생시킨 사례.
- 게임 개발 — Claude를 활용해 PS2 게임을 웹 브라우저용으로 구현함
- 기술 스택 — Vanilla JS와 Three.js를 사용해 단일 HTML 파일로 제작됨
- 프로세스 자동화 — Claude가 테스트 API 구축, 플레이 테스트, 트레일러 촬영까지 수행함
- 접근성 — 별도 설치나 계정 없이 브라우저에서 즉시 플레이 가능함
어떤 게임들은 영원한 추억으로 남는데, 나에게는 Downhill Domination(PS2, 2003)이 그런 게임이다. 그래서 Claude와 함께 팬 헌정 게임을 만들었다. 라이브 상태이며 무료이고 오픈 소스다.
플레이: https://pranshuparmar.github.io/downhill-mayhem/ 저장소: https://github.com/pranshuparmar/downhill-mayhem
절차적으로 생성되는 산에서 5명의 AI 라이더와 경주한다. 공중 묘기를 부리면 부스트가 충전되고, 주먹으로 라이벌을 자전거에서 떨어뜨릴 수 있다(그들도 복수한다). 매일 새로운 산이 생성된다. 데스크톱이나 폰, 어떤 브라우저에서든 가능하다. 광고도 없고 계정도 필요 없다.
게임 전체가 단일 HTML 파일이다. 에셋 파일은 0개다. 모든 3D 모델, 텍스트, 사운드가 런타임에 코드로 생성된다.
Claude는 단순히 코드만 짠 게 아니라, 테스트와 촬영까지 했다. 스크립트 가능한 테스트 API를 만들고, 넘겨주기 전에 헤드리스 브라우저에서 게임을 플레이 테스트했다. 나중에는 같은 훅을 사용해 트레일러를 촬영했고, 게임을 프레임 단위로 조작해 하이라이트 장면을 연출했다.
