Claude Code로 100종 이상의 절차적 차량이 포함된 멀티플레이어 Three.js 탱크 게임을 만들었습니다

Three.js로 멀티플레이어 브라우저 탱크 게임을 만들었다! 어릴 때 World of Tanks Blitz를 엄청나게 많이 했는데, 그 특유의 분위기랑 게임 플레이, 그리고 미사일이나 스팟팅, 장갑 도탄, 탄종 같은 미친 물리 엔진이랑 메커니즘이 적용된 탈것을 몰고 다닌다는 점에 완전히 꽂혀버렸거든.

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

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

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

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

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

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

더 큰 시스템들을 만들 때는 Claude Code가 이런 것들을 구현하고 테스트하는 데 도움을 줬어:

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

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

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

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