Claude Code로 만든 브라우저 게임 사례
한 Reddit 사용자가 Claude Code로 만든 Bomberman 방식의 브라우저 게임을 공유했다. 이 게임은 설치 없이 웹에서 플레이할 수 있고, 8개 레벨과 업그레이드 상점, 모바일 터치 조작, 레벨별 순위표가 있다. 작성자는 Claude Code가 vanilla JS/canvas 엔진, 적 AI, 오디오 시스템, Vercel serverless 순위표를 작성했다고 말했다.
핵심 포인트
- 설치 없이 웹에서 바로 플레이하는 브라우저 게임이다.
- 8개 레벨마다 다른 규칙이나 장애물이 나온다.
- 작성자는 대부분을 Claude Code에 plain-language prompts로 지시했다고 말했다.
- Claude Code가 vanilla JS/canvas 엔진과 적 AI를 만들었다고 설명했다.
- 순위표에서 race condition 문제가 있었고, 저장 방식을 바꿔 고쳤다고 말했다.
용어 한 줄 설명
- 브라우저 게임
- 앱을 설치하지 않고 웹브라우저에서 바로 하는 게임입니다.
- vanilla JS/canvas
- 큰 프레임워크 없이 기본 자바스크립트와 웹 그림판 기능으로 만든 방식이다.
- server
- 웹사이트나 앱이 인터넷에서 작동하도록 데이터를 보내 주는 컴퓨터다.
- 1인 개발자
- 회사에 소속되지 않고 혼자서 기획부터 제작까지 모든 과정을 책임지는 제작자.
- 코드 생성
- AI가 사람이 쓸 프로그램 코드를 대신 작성하는 일을 말합니다.
- 버그 수정
- 프로그램이 잘못 작동하던 문제를 고치는 일입니다.
- plain-language prompts
- 전문 코드 명령이 아니라 일상적인 말로 AI에게 요청하는 문장이다.
- prompt
- AI에게 원하는 결과를 설명하는 지시문입니다.