Alien Pinball 포스트모템 — Claude로 완전한 물리 기반 핀볼 게임을 만든 방법

포스트모템: Alien Pinball — Claude + ChatGPT + Suno + LittleJS로 제작

브라우저 핀볼 게임을 막 출시했습니다. 혹시 도움이 될까 싶어 AI 워크플로우에 대한 짧은 글을 남깁니다.

게임 — 완전한 물리 기반 핀볼: 멀티볼, A-L-I-E-N 롤오버 멀티플라이어(최대 5배), 스킬 샷, 콤보 상승, 아웃레인 거터 세이브, 그리고 공 3개를 저글링하며 싸우는 위저드 모드 센티피드 보스전이 포함되어 있습니다. 브라우저 기반이며 모바일 친화적이고 설치가 필요 없습니다.

플레이하기: https://focaccai.itch.io/alien-pinball

설정. Claude Code Max, Opus 모델을 사용하여 무거운 작업을 처리했습니다. 입력의 절반 정도는 음성 인식(speech-to-text)을 통해 이루어졌는데, 타이핑보다는 코드베이스에 대고 말하는 방식이었습니다. 나머지 절반은 타이핑과 수많은 수동 코드 편집이었습니다. 단순히 코드를 생성하는 것이 아니라 진정으로 '공동 개발'하는 느낌이었습니다. 원하는 것을 설명하고, Claude와 의견을 주고받고, 직접 코드를 수정하거나 정리하며 깊이 파고들었습니다.

도구 스택

• 코드: Claude. 모든 게임 로직, 커스텀 Box2D 부품(슬링샷, 드롭 타겟, 스피너, 램프, 볼 락, 브레이크 타겟), 그리고 제가 직접 만든 게임 내 테이블 에디터를 통해 모든 부품을 시각적으로 드래그하고 배치하며 튜닝할 수 있었습니다. 향후 핀볼 게임에도 재사용 가능합니다.
• 아트: ChatGPT 이미지 생성. Claude에게 이미지 프롬프트 작성도 시켰습니다.
• 음악: Suno 5.5 — 세 개의 트랙, 적절한 분위기를 찾기 위해 많은 반복 작업을 거쳤습니다. Claude가 음악 프롬프트를 작성했습니다.
• 사운드: ZzFX — 모든 사운드는 게임 시작 시 절차적으로 생성되며 오디오 파일은 없습니다. Claude가 귀로 직접 들으며 반복적으로 매개변수를 튜닝했습니다. 이 조합은 AI와 함께 작업할 때 정말 즐거웠습니다.
• 엔진: LittleJS + Box2D WASM. 작고 빠르며 AI가 다루기에 완벽합니다. API 표면이 최소화되어 있고 복잡한 프레임워크 절차가 없습니다.

실제로 효과가 있었던 아트 트릭. 충돌 지오메트리(벽, 램프, 범퍼, 드롭 타겟 등 정확한 위치)의 실루엣을 추출하여 이미지 생성기에 다음과 같이 전달했습니다: "이 실루엣과 정확히 일치하는 에일리언 테마의 핀볼 플레이필드를 만들어줘." 여러 번의 생성과 수동 합성을 거쳐야 했지만(서로 다른 결과물에서 가장 좋은 부분을 이어 붙임), 개념적으로는 첫 시도에 의도를 정확히 파악했습니다. 물리학이 곧 프롬프트였기 때문에 아트가 물리와 정확히 일치합니다.

단순한 코드 생성이 아닌 공동 개발. 많은 디자인 아이디어가 AI로부터 나왔습니다. 범퍼가 거대한 안구 모양인 것도 이미지 생성 결과물에서 나온 아이디어였고, 저는 바로 채택했습니다. 또한 Claude에게 핀볼 관련 디자인 질문을 계속 던졌습니다 ("완성된 핀볼 테이블에는 무엇이 필요한가?", "위저드 모드는 어떻게 작동해야 하는가?", "여기서 빠진 것은 무엇인가?"). 저는 비디오 게임 개발 경험은 많지만 핀볼 관련 경험은 거의 없었기에, Claude는 장르 관습을 채우고 시스템을 검증하는 유용한 도메인 컨설턴트였습니다.

쉽게 해결된 것들: