본문으로 건너뛰기

© 2026 Molayo

HN요약2026. 05. 26. 08:27

Show HN: AI로 타워 디펜스 게임을 코딩하고 전체 과정을 기록했습니다

요약

AI 도구를 활용하여 개발한 타워 디펜스 게임 'Tower of Time'의 제작 과정과 회고를 담은 글입니다. Cursor, Augment Code, Claude Sonnet 4를 사용하여 코드의 95%를 생성하며 AI 보조 게임 개발의 가능성을 증명했습니다.

핵심 포인트

  • AI를 활용한 게임 프로토타이핑은 매우 빠르고 효율적임
  • AI가 작성한 코드는 과도할 수 있으므로 최적화가 필요함
  • AI가 막힐 때는 디버그 로그를 추가하여 에이전트와 공유할 것
  • 문제가 지속되면 AI와 싸우지 말고 롤백 후 프롬프트를 재작성할 것
<div align="center"> <img src="cover.png" alt="Tower of Time" width="640"> </div>

Tower of Time

Beginner's Jam Summer 2025 참가작

시간을 되돌리는 힘을 사용하여 몰려오는 적의 파도로부터 기지를 방어하는 시간 여행 타워 디펜스 (Tower Defense) 게임입니다.

🎮 게임 플레이: https://m4v3k.itch.io/tower-of-time

Screenshot

게임 정보

Tower of Time은 전략적인 건설과 시간 조작 (Time Manipulation) 메커니즘을 결합한 독특한 타워 디펜스 게임입니다. 적들이 방어선을 압도할 때, 시간 여행 능력을 사용하여 시간을 되돌리고 전략을 다시 세우십시오. 이 게임은 다양한 타워 유형, 에너지 관리, 그리고 웨이브 (Wave) 기반의 적 스폰 기능을 특징으로 합니다.

주요 특징

  • 시간 되감기 (Time Rewind): 적의 웨이브에서 살아남기 위해 시간을 되돌립니다.
  • 다양한 타워 유형: 기본 포탑, 스나이퍼 타워, 감속 타워, 그리고 범위 공격 (Splash Damage) 타워
  • 에너지 시스템: 타워 건설 및 시간 되감기를 위한 에너지를 관리합니다.

조작법

게임은 키보드와 게임패드(Gamepad)를 모두 지원합니다.

  • 이동: 방향키 / 게임패드 아날로그 스틱
  • 액션: 스페이스바 / Cross (PlayStation) / A (Xbox)
  • 되감기: Backspace / Left Trigger

바이브 코딩 (Vibe Coding) 개념 증명

이 게임은 AI 보조 게임 개발의 개념 증명 (Proof of Concept) 역할을 합니다. 코드베이스의 약 95%가 다음 도구들을 사용하여 AI에 의해 작성되었습니다:

  • Augment Code - 고급 코드베이스 컨텍스트 및 AI 코딩 보조
  • Cursor - AI 기반 코드 에디터, 주로 에이전트 (Agent) 모드 사용
  • Claude Sonnet 4 - 이 프로젝트를 위해 선택한 LLM (OpenAI o3 및 Claude Opus 4도 가끔 사용)

상세한 프롬프트 (Prompts) 및 개발 과정은 PROMPTS.md를 참조하세요.

내가 배운 점:

  • AI로 게임을 개발하는 것은 전적으로 가능하지만, 본인이 무엇을 하고 있는지 알고 있어야 합니다.
  • AI는 프로토타이핑 (Prototyping)을 매우 빠르게 만들어 주지만, 프로토타입에서 최종 게임으로 넘어갈 때는 주의가 필요합니다.
  • AI는 코드를 매우 많이 작성하는 경향이 있습니다. 이 프로젝트는 아마도 코드 양을 절반 정도로 줄일 수 있었을 것입니다.
  • Claude Sonnet 4는 Phaser.js를 꽤 잘 알고 있지만, 핵심적인 부분에서는 제가 작업 중인 특정 기능의 문서 URL을 제공해 주었더니 도움이 되었습니다.
  • 만약 AI가 무언가에 막힌다면, 디버그/콘솔 로그 (debug/console logs)를 추가하라고 요청하고 이를 에이전트 (Agent)와 공유하세요.
  • 그 후에도 여전히 막힌다면, AI와 싸우지 마세요. 모든 것을 롤백 (Roll back)하고 프롬프트 (Prompt)를 다시 작성하거나 더 많은 컨텍스트 (Context)를 제공해 보세요.

기술 스택 (Tech Stack)

  • 엔진 (Engine): Phaser 3 (v3.90.0) 및 Phaser Editor v4
  • 언어 (Language): TypeScript
  • 빌드 도구 (Build Tool): Vite

개발 (Development)

요구 사항 (Requirements)

  • Node.js (패키지 관리용)
  • pnpm (패키지 매니저)

사용 가능한 명령어 (Available Commands)

명령어설명
pnpm install프로젝트 의존성 설치
...

프로젝트 구조 (Project Structure)

src/
├── main.ts         # 엔트리 포인트 (Entry point) 및 설정
├── scenes/         # 씬 (Scenes) (Title, Level, Configure)
...

크레딧 (Credits)

  • 아이디어, 코딩 및 아트 (Idea, coding & art): m4v3k
  • 밸런싱, 메뉴 음악 및 테스트 (Balancing, menu music & testing): death_unites_us
  • 게임 내 음악 (In-game music): Amnesia Fortnight - "A - Spacebase DF-9"

아트 에셋 (Art Assets)

  • Space Station-Game 에셋: jonik9i 제작
  • Ocunid 몬스터: Robocelot 제작
  • Void Main Ship: Foozle 제작
  • Pixel purple gem: Lunarnia 제작
  • Seamless Space Backgrounds: Screaming Brain Studios 제작
  • 사운드: freesound.org

라이선스 (License)

MIT License - 자세한 내용은 LICENSE 파일을 참조하세요.

AI 자동 생성 콘텐츠

본 콘텐츠는 HN OpenAI Codex의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.

원문 바로가기
0

댓글

0