Claude를 활용해 100개 이상의 절차적 차량이 등장하는 멀티플레이어 Three.js 탱크 게임을 만들었습니다. 개발 워크플로우를 공유합니다.

Three.js로 멀티플레이어 브라우저 탱크 게임을 만들었어! 어릴 때 월드 오브 탱크 블리츠를 엄청나게 했는데, 그 특유의 분위기랑 게임 플레이, 그리고 미사일, 탐지, 장갑 도탄, 탄종 같은 미친 물리 엔진이랑 메커니즘을 가진 탈것을 직접 몰고 다닌다는 아이디어에 완전히 꽂혔거든.

이제 브라우저에서 바로 플레이할 수 있어!

Claude of Tanks에는 16개의 독특한 맵에서 100종이 넘는 탈것을 플레이할 수 있어. 대포를 쏘는 일반 탱크부터 기관포와 유도 미사일을 쏘는 장갑차, 한 탄창에 엄청난 데미지를 쏟아붓는 자동 장전 장치 탱크까지 다양해. 탱크마다 상세한 장갑 구역, 내부 모듈, 승무원 위치, 히트박스가 다 구현되어 있고. 특별 갤러리에서 하나씩 다 확인해 볼 수 있어: https://cot.kevinliu.studio/gallery?id=amx56&layer=modules

CoT는 물리 기반 파괴 효과를 지원해서 포탑이 공중으로 날아가거나 서스펜션이 실제로 움직이는 것도 볼 수 있어. 멀티플레이도 당연히 지원하지! 비공개 방이나 LAN 로비에서 바로 접속하면 돼.

이름에서 알 수 있듯이, 나는 긴 개발 기간 동안 Claude Code를 멀티 에이전트 개발 파이프라인으로 활용했고, Codex도 같이 썼어. 내가 전체적인 아키텍처를 잡고, 각 탈것이랑 시스템이 뭘 해야 할지 정하고, 렌더링 결과를 검토하면서 최종 결정을 내리는 식으로 진행했지.

저장소에는 AGENTS.md 파일이랑 시뮬레이션, 탈것, 네트워킹, UI, 오디오, 효과, 월드 생성 같은 하위 시스템별 지침 파일들이 들어 있어. 에이전트들이 세션을 넘나들면서 지켜야 할 규칙들을 여기에 다 기록해 뒀거든. 단위는 미터, 초, 라디안을 쓰고, 60Hz 고정 프레임으로 돌아가게 만들었어. 권한이 있는 로직은 무조건 결정론적이어야 하니까. 탈것 변경 사항은 특정 지오메트리, 장갑, 모듈, 릴리스 게이트를 거치는데, 여기서 모델을 시각적/기하학적으로 평가해.

탈것 개발할 때는 전체를 계열별로 나눴어. 에이전트 하나가 특정 탈것 프로필이나 계열 파일을 맡아서 지오메트리를 구현하고, 관련 검사를 돌리고, 스크린샷을 생성하는 식이지. 그럼 다른 비평가 에이전트가 렌더링된 탱크의 비율, 클리핑, 누락된 표면, 주행 장치, 세부 디테일을 검토해. 마지막으로 오케스트레이터가 검사를 다시 돌리고 검증된 파일만 커밋하는 구조야.

더 큰 시스템들은 Claude Code로 구현하고 테스트했어:

• 고정 단계 이동, 서스펜션, 장갑, 탄도학, 모듈, 탐지 및 봇

• 비공개 방, LAN 플레이, 예측, 서버 권한을 포함한 WebSocket 멀티플레이어

• 절차적 탈것, 궤도, 마킹, 생성된 아이콘 및 기술 도표

• 파괴 가능한 소품과 잔해가 포함된 모든 생성된 전장