단 하나의 프롬프트로 만든 플레이 가능한 3D 게임
게임 개발은 가장 기술적으로 까다로운 창작 분야 중 하나입니다. 물리, 렌더링, AI, 상태 관리, UI가 모두 하나의 코드베이스 안에서 함께 작동해야 하기 때문입니다. 이 워크플로는 충분히 상세한 프롬프트와 Gemini 3.1 Pro Preview만 있으면, Eigent가 수동 코드 한 줄 없이도 완전히 플레이 가능한 멀티파일 브라우저 게임을 설계하고, 작성하고, 완성할 수 있음을 보여줍니다.
Gemini 3.1 Pro Preview 설정하기
이 워크플로는 녹화 시점 기준 Google의 가장 강력한 모델인 Gemini 3.1 Pro Preview에서 실행됩니다. Eigent에서 설정하려면 Settings → Models → Custom Models로 이동하세요.
- API Host:
https://generativelanguage.googleapis.com/v1beta/openai/ - Model:
gemini-3.1-pro-preview
Eigent는 여러 개의 커스텀 모델을 동시에 지원합니다. Gemini, OpenAI, Anthropic, Qwen, Deepseek, MiniMax 등을 한 번에 설정할 수 있으며, 그중 하나를 활성 기본값으로 지정할 수 있습니다.
게임 디자인 프롬프트
상세한 프롬프트는 상세한 결과를 만듭니다. 이 프롬프트는 메커니즘, 비주얼 스타일, 점수 시스템, 특수 이벤트, 그리고 특정 수집 순서까지 지정합니다.
Mario에서 영감을 받은 현대적인 3D 사이드 스크롤 플랫폼 게임을 Snow Bros 메커니즘과 결합해 만들어 주세요. 플레이어는 좌우로 이동하고 점프할 수 있으며, 눈 탄환을 발사해 몬스터를 점차 눈덩이로 얼릴 수 있습니다. 완전히 얼리면 'Kick' 버튼이 나타나며, 이를 통해 눈덩이가 스테이지를 굴러가고 튕기면서 적을 쓰러뜨리고 연쇄 반응을 일으킵니다. 단 하나의 눈덩이로 모든 몬스터를 처치하면 10,000점 보너스가 떨어지거나, 가끔 빛나는 케이크가 나타납니다. 케이크를 획득하면 파란 눈 생명체 4마리가 생성되며, 이들을 처치하면 S, N, O, W 글자를 얻습니다. 네 글자를 모두 모으면 추가 목숨을 얻습니다. 점수 시스템, 라이프 표시, 난이도 증가, 그리고 재시작 기능도 포함하세요. 배경은 풍부하고 레이어가 살아 있으며 시각적으로 복잡한 3D 환경, 다층 지형, 장식 요소, 패럴랙스 깊이 효과를 갖춘 Mario 스타일 세계처럼 보여야 하며, 부드럽고 현대적이며 몰입감 있는 비주얼이어야 합니다.
프롬프트에 적힌 모든 메커니즘은 결과물에 구현됩니다.
Eigent가 빌드를 계획하고 실행하기
Eigent는 Developer Agent를 위해 하나의 작업을 생성합니다.
Three.js를 사용해 현대적인 3D 사이드 스크롤 플랫폼 게임 비주얼과 Snow Bros 게임플레이 메커니즘을 결합한 완전히 플레이 가능한 HTML5/JavaScript 웹 게임을 개발하세요. 여기에는 눈 탄환 발사, 적 얼리기와 걷어차기, 연쇄 반응 보너스, 점수 시스템, 라이프, 난이도 증가, 그리고 재시작 기능이 포함되어야 합니다.
Developer Agent는 Terminal & Shell 도구와 Web Deployment 및 Screen Capture 기능을 함께 사용해 모든 게임 파일을 작업공간 폴더에 직접 작성합니다.
세 파일, 하나의 완전한 게임
결과물은 서로 의존하는 세 개의 파일입니다.
index.html— 진입점이자 게임 컨테이너game.js— 모든 게임 로직: Three.js 렌더링 파이프라인, 물리, 적 AI 상태 머신, 발사체 시스템, 연쇄 반응 감지, 보너스 드롭 로직, 점수, 라이프 추적, 그리고 SNOW 글자 수집 시퀀스style.css— 캔버스 크기, UI 오버레이, HUD 스타일
Three.js 렌더러는 패럴랙스 깊이가 있는 레이어형 3D 환경을 구성합니다. 배경의 눈 덮인 산, 중간층 플랫폼, 전경 지형이 모두 절차적으로 생성된 캔버스 요소와 부드러운 애니메이션으로 표현됩니다.
완성된 게임의 모습
index.html을 최신 브라우저에서 열면 완전히 플레이 가능한 플랫폼 게임이 나타납니다.
- HUD: 점수 카운터, 웨이브 카운터, 라이프 표시, 그리고 S-N-O-W 글자 진행 바
- 플레이어 조작: 좌우 이동, 점프, 눈 탄환 발사
- 적 메커니즘: 단계적으로 얼어붙는 상태, 완전히 얼린 뒤 걷어차 굴리기, 눈덩이가 여러 적과 충돌할 때의 연쇄 반응
- 보너스 시스템: 하나의 눈덩이로 전부 처치하면 10,000점 보너스 드롭
- 비주얼 스타일: 3D 레이어 눈산 배경, Mario 스타일 레벨 디자인, 부드러운 패럴랙스 스크롤
첫 로드 시 툴팁: "Z로 적을 얼리세요. 완전히 얼은 눈덩이는 걷어차세요!"
사용된 총 토큰 수: 약 147,000 — 이 정도 복잡도의 멀티파일 게임치고는 간결한 편입니다.
이것이 AI 보조 게임 개발에 대해 보여주는 것
얼리고, 걷어차고, 연쇄 반응을 일으키는 Snow Bros 메커니즘은 서로 의존하는 게임 상태를 구현해야 합니다. 적은 얼지 않은 상태, 부분적으로 얼어붙은 상태, 완전히 얼어붙은 상태가 될 수 있으며, 특정 상태에서만 굴릴 수 있는 눈덩이로 전환됩니다. 연쇄 반응 로직은 굴러가는 눈덩이와 다른 적 사이의 충돌 감지를 필요로 합니다. 이런 구현은 결코 단순하지 않습니다.
Gemini 3.1 Pro가 게임 전체 명세를 컨텍스트 안에 유지하면서 여러 파일에 걸쳐 일관되고 상호 의존적인 JavaScript를 생성하는 능력이 이 과정을 가능하게 합니다. 결과물은 템플릿이 아니라, 설명된 정확한 메커니즘을 반영한 맞춤형 구현입니다.
다음에 시도해 볼 것
서로 다른 발사체 메커니즘과 로컬 2인 모드를 가진 두 번째 플레이 가능한 캐릭터를 추가하세요.
플랫폼과 적을 그리드에 배치하고 레이아웃을 JSON으로 내보낼 수 있는 레벨 에디터를 생성하세요.
localStorage에 저장되는 하이스코어 리더보드를 추가하세요.
같은 게임에 터치 조작이 있는 모바일 버전을 만드세요.
더 나은 결과를 위한 팁
-
메커니즘을 정확하게 지정하세요. freeze → kick → chain reaction 메커니즘이 제대로 작동한 이유는 각 상태 전환이 프롬프트에 명확하게 설명되었기 때문입니다. "재미있는 적 상호작용"처럼 모호한 표현은 훨씬 단순한 결과만 만들 가능성이 큽니다.
-
기술 선택을 명시하세요. 3D 렌더링에 "Three.js"를, 구조에는 "pure HTML/CSS/JS, no libraries"를 지정하면 Eigent가 명확한 구현 제약을 갖게 됩니다. 이렇게 하지 않으면 에이전트가 서로 다른 작업에서 서로 호환되지 않을 수 있는 접근법을 선택할 수 있습니다.
-
반복 전 브라우저에서 검토하세요. Eigent가 파일을 전달하면 즉시
index.html을 열어 핵심 메커니즘 루프를 테스트하세요. 모든 것을 처음부터 완벽하게 지정하기보다, 이 단계에서 목표를 좁힌 후속 프롬프트로 방향을 바로잡는 편이 더 빠릅니다.
