Claude Code로 만든 Three.js 기반 HD-2D RPG
HD-2D RPG in Three.js built with Claude Code
핵심 요약
Claude Code를 활용해 12시간 만에 코드만으로 생성된 HD-2D RPG 게임을 개발한 사례입니다.
- AI 자동 개발 — Claude Code가 서브 에이전트를 조율해 12시간 만에 플레이 가능한 RPG를 완성함
- 코드 기반 생성 — 이미지나 오디오 파일 없이 모든 텍스처와 사운드를 코드 실행 시점에 생성함
- 최적화 과정 — 초기 프롬프트 이후 후속 작업을 통해 셰이더 문제 해결 및 버그 수정 진행
- 웹 플레이 가능 — 4MB 용량의 게임을 브라우저에서 바로 즐길 수 있도록 itch.io에 배포함
이거 대부분은 처음에 넣은 프롬프트 하나로 만든 거임: "Three.js 써서 3D 픽셀 아트 게임 만들어줘... 다른 사람들이 만든 결과물은 이런 식이야: [screenshot] ... 적절한 모델이랑 리소스 써서 서브 에이전트들 지휘해. 시간은 얼마나 걸려도 상관없어."
내가 평소에 20x 플랜을 쓰는데 지난 주말에 토큰이 좀 남았거든. "시간은 얼마나 걸려도 상관없어"라고 던져놨더니 진짜 12시간 동안 지 혼자 돌아가더라. 10월 4일 오전 11시 26분에 첫 프롬프트 날리고, 밤 11시 25분쯤 끝날 때까지 내가 손댄 건 하나도 없음.
난 그냥 짧은 기술 데모 정도 나올 줄 알았거든? 근데 Claude Code가 알아서 작업을 서브 에이전트들한테 쪼개더니, 12시간 동안 지 혼자 뚝딱거려서 플레이 가능한 RPG를 만들어 왔음. 마을, 숲, 던전 탐험도 되고, 파티원 4명에다가 약점 찌르고 실드 브레이크랑 부스트 시스템까지 있는 턴제 전투까지 구현됨.
그 첫 프롬프트 이후로 몇 번 더 플레이해보고, 후속 프롬프트로 자잘한 거 다듬고, 익명 로깅 기능도 넣었음(이거 덕분에 내가 직접 테스트 못 하는 환경에서 발생하는 셰이더 문제도 찾아서 해결함).
이 게임에 이미지나 모델, 오디오 파일 같은 건 하나도 없음. 텍스처, 스프라이트, 노래, 효과음 전부 페이지 로드될 때 코드로 생성되는 방식임. 1장 전체 용량이 4MB 정도밖에 안 되고, 브라우저에서 바로 무료로 플레이 가능함. 플레이 타임은 한 시간 정도 걸림:
