Claude Code Opus 4.6 & Three.js로 3D 브라우저 게임 제작하기

프로젝트 개요

한 개발자가 브라우저에서 완전히 실행되는 3D 도로 건설 및 교통 관리 게임인 Traffic Architect를 만들었습니다. 이 게임은 crazygames.com/game/traffic-architect-tic에서 이용할 수 있습니다.

기술 스택은 Claude Code Opus 4.6과 Three.js로 구성됩니다. 전체 프로젝트는 외부 이미지 파일, 3D 모델 또는 스프라이트 시트 없이 코드로 생성되었습니다. Claude Code는 런타임에 모든 시각적 요소를 생성하는 JavaScript를 작성합니다.

게임 메커니즘

Traffic Architect에서 플레이어는 성장하는 도시를 위한 도로 네트워크를 설계합니다. 건물이 생성되고 다른 건물에 도달해야 하는 차량을 생성합니다. 플레이어는 건물을 도로로 연결하고 배송으로 돈을 벌며 새로운 도로 유형을 잠금 해제합니다. 교통이 정체되면 게임이 종료됩니다.

Claude Code 워크플로우 전략

개발자는 Claude Code와 효과적으로 작업하기 위한 구체적인 전략을 공유했습니다:

먼저 계획하기: 항상 코드를 작성하기 전에 계획을 세우는 것으로 시작합니다. 작업을 작고 집중된 작업으로 나누세요 - 한 번에 한 가지씩. 이렇게 하면 Claude가 길을 벗어나거나 한 번에 너무 많은 일을 하려는 것을 방지할 수 있습니다.
모든 것 검토하기: Claude가 생성하는 모든 코드 변경 사항을 검토하세요. 그냥 수락하고 넘어가지 마세요. 뭔가 이상해 보이거나 더 나은 접근 방식이 있다면, 반박하고 만족할 만한 해결책이 나올 때까지 반복하세요.
큰 작업이 아닌 작은 작업: 작업을 작고 구체적으로 유지하세요. 모호하거나 거대한 작업은 Claude가 방향을 잃게 하는 경향이 있습니다. 작고 잘 정의된 작업은 출력에 대한 더 많은 통제력을 제공합니다.
협력적 접근: 일부 최적화는 개발자로부터, 일부는 Claude가 제안했습니다. 핵심은 모든 것을 비판적으로 평가하는 것입니다 - Claude가 제안하고, 개발자가 검토하며, 그들은 서로 주고받습니다. 이 관계는 "자동 조종 장치를 누르는 것보다는 주니어 개발자와 함께 일하는 것과 더 비슷하다"고 설명됩니다.
직접 참여하기: Claude Code는 루프 안에 머무를 때 가장 잘 작동합니다. 사전 계획, 분해, 검토 및 반복의 주기는 품질을 높게 유지합니다.

개발자는 Claude Code 워크플로우에 대한 질문에 열려 있으며 게임에 대한 솔직한 피드백을 환영합니다.

📖 Read the full source: r/ClaudeAI