Quake를 Three.js로 포팅하기: Claude Code 작업 흐름과 한계

프로젝트 개요

한 개발자가 Claude Code를 사용하여 Quake의 소스 코드를 JavaScript와 Three.js로 성공적으로 포팅했습니다. 그 결과 클래식 1인칭 슈팅 게임의 웹 기반 버전이 탄생했습니다.

원본의 주요 세부사항

개발자는 이를 "상당한 프롬프팅 작업"이라고 설명했지만, 이와 같은 프로젝트를 포팅하기 위한 좋은 워크플로우를 찾았다고 밝혔습니다. 작동하는 구현체는 https://mrdoob.github.io/three-quake/에서 확인할 수 있으며, 소스 코드는 GitHub의 https://github.com/mrdoob/three-quake에서 볼 수 있습니다.

포팅 과정에서 Claude는 특히 멀티플레이어 서버 코드(QuakeWorld)를 Deno+WebTransport로 포팅하는 데 어려움을 겪었습니다. 개발자는 "Codex는 어떻게든 해결했다"고 언급하며, 다른 AI 코딩 어시스턴트들이 특정 기술적 과제에 대해 다양한 능력을 가질 수 있음을 시사했습니다.

개발자는 다른 사람들도 비슷한 포팅 프로젝트를 시도해 볼 것을 권장하며, 어려움에도 불구하고 이 접근 방식이 유용한 결과와 워크플로우 통찰력을 제공했다고 밝혔습니다.

기술적 배경

Quake와 같은 복잡한 C 기반 게임 엔진을 JavaScript와 Three.js로 포팅하는 것은 저수준 그래픽, 물리, 네트워킹 코드를 웹 기술로 변환하는 작업을 포함합니다. Three.js는 WebGL을 사용하여 브라우저에서 실행되는 인기 있는 JavaScript 3D 라이브러리입니다. Deno는 Node.js의 대안인 JavaScript/TypeScript 런타임이며, WebTransport는 낮은 지연 시간의 양방향 통신을 위한 현대적인 웹 API입니다.