클로드 코드로 슈팅 게임 만들기, 프롬프트 한 번으로 게임 완성

코딩 없이 Claude Code에 요구사항만 입력했더니 10스테이지 비행기 슈팅 게임이 완성됐다

▲ Claude Code로 완성한 비행기 슈팅 게임 — HP·스테이지·스코어·타이머 UI 포함

AI가 글을 써주고 이미지를 만들어주는 시대이지만, '게임까지 만들어줄까?' 하는 의문은 여전히 많습니다. 직접 실험해봤습니다. Claude Code 데스크탑 앱을 열고 한국어로 게임 조건 7줄을 입력했더니, 8초 뒤에 HTML 파일 하나가 생성됐습니다. 브라우저에서 열자마자 우주 배경에 비행기가 등장하고, 장애물이 위에서 쏟아지기 시작했습니다. 코드는 한 줄도 직접 작성하지 않았습니다. 이 글은 그 과정을 순서대로 기록한 실험 후기입니다.

항목	내용
사용 도구	Claude Code (데스크탑 앱) — Sonnet 4.6 모델
결과물	game.html 단일 파일 (17 KB, HTML5 Canvas)
소요 시간	요구사항 입력 후 약 8초 만에 초안 생성
게임 구성	비행기 조종 + 미사일 발사 + 장애물 5종 + 10스테이지
필요 지식	코딩 불필요 — 한국어 요구사항 7줄로 완성

1. Claude Code 데스크탑 앱 시작하기

Claude Code는 터미널 기반 CLI뿐만 아니라 데스크탑 앱으로도 사용할 수 있습니다. 앱을 실행하면 '다음 일정은 무엇인가요?'라는 프롬프트 창이 나타나고, 하단에서 로컬 폴더를 연결하거나 claudecode 작업 디렉터리를 선택할 수 있습니다. 이번 실험에서는 GAME이라는 이름의 빈 폴더를 만들고 작업 경로로 지정했습니다. 별도 개발 환경 설정이나 패키지 설치 없이 폴더 하나만 있으면 시작할 수 있다는 점이 진입 장벽을 크게 낮춰줍니다.

·         Claude Code 데스크탑 앱 설치 → 실행 → 작업 폴더 선택

·         빈 폴더(GAME)를 생성해 경로로 지정 — 기존 프로젝트 없어도 무관

·         모델: Sonnet 4.6 (우측 하단 표시 확인)

 

▲ Claude Code 데스크탑 앱 초기 화면 — claudecode 폴더 선택 후 프롬프트 대기 상태

2. 게임 요구사항 7줄 입력 — 프롬프트가 기획서입니다

게임을 만들기 위해 코드를 공부하거나 프레임워크를 선택할 필요가 없었습니다. 대신 어떤 게임을 원하는지 구체적으로 설명하는 것이 전부였습니다. 입력한 내용은 아래 7가지입니다. 특별한 기술 용어 없이 게임 플레이 방식을 한국어로 서술했을 뿐입니다.

1. 장애물을 피하고 부수는 비행기 게임을 만들 것이다.

2. 맨 하단에 내가 조종하는 비행기가 있으며, 미사일을 발사하여 장애물을 부술 수 있다.

   또한 상단에서 하단으로 장애물이 떨어진다.

3. 장애물의 종류는 매우작음, 작음, 중간, 큼, 매우큼 5단계의 크기로 구성한다.

4. 장애물에 5번 피격당하면 게임 아웃이다.

5. 스테이지마다 1분의 시간이 주어지고 1분동안 생존하면 다음 스테이지로 넘어간다.

6. 스테이지를 넘어갈 때마다 장애물의 개수가 증가한다.

7. 스테이지는 10 스테이지까지 존재한다.

 

주목할 점은 기술 스택을 지정하지 않았다는 것입니다. Claude Code는 요구사항을 분석해 HTML5 Canvas를 선택했고, 단일 파일로 구동 가능한 구조로 스스로 설계했습니다.

 

▲ GAME 폴더에서 게임 요구사항 7줄 입력 화면 — 한국어 설명만으로 기획 전달 완료

3. Claude Code의 처리 과정 — 8초, 151 tokens

요구사항을 입력하고 실행하자 Claude Code는 먼저 입력 내용을 정리하며 '비행기 슈팅 게임을 HTML5 Canvas로 만들겠습니다'라고 응답했습니다. 세션 이름도 자동으로 'Build airplane obstacle dodging game'으로 붙었습니다. 처리 시간은 약 8초, 사용된 토큰은 151개였습니다. Claude Code는 단순히 코드를 생성하는 것을 넘어, 요구사항을 재해석하고 구현 방향을 먼저 정리한 뒤 파일 생성에 들어갑니다.

·         요구사항 분석 → 기술 스택 자동 선택 (HTML5 Canvas)

·         세션명 자동 생성: 'Build airplane obstacle dodging game'

·         처리 시간 약 8초 / 151 tokens 소비

·         생성 파일: game.html (+556줄, 0 삭제)

 

▲ Claude Code 분석 완료 화면 — 요구사항을 7개 항목으로 재정리 후 처리 중

4. game.html 생성 완료 — 타이틀 화면 즉시 미리보기

처리가 끝나자 화면 오른쪽 미리보기 패널에 게임 타이틀 화면이 바로 나타났습니다. 어두운 우주 배경에 '비행기 슈팅'이라는 제목과 함께 조작 방법(← → / A D: 이동, Space 홀드: 미사일 연사)과 게임 규칙(장애물 5번 맞으면 게임오버, 1분 생존 → 다음 스테이지, 총 10스테이지)이 화면에 출력됐습니다. 별도 서버 없이 HTML 파일 하나를 브라우저에서 열기만 하면 즉시 실행되는 구조입니다.

·         game.html 생성 완료 → 앱 내 미리보기 패널에서 즉시 확인

·         타이틀 화면: 게임명·조작법·규칙 자동 구성

·         별도 서버·빌드 과정 없이 파일 더블클릭만으로 실행 가능

 

▲ game.html 생성 완료 + 미리보기 패널에 나타난 '비행기 슈팅' 타이틀 화면

5. 실제 게임 플레이 — 우주 배경, 비행기, 장애물, 미사일

게임을 시작하면 별이 흩뿌려진 어두운 우주 배경에 하단 중앙에 파란 비행기가 등장합니다. 좌우 키로 비행기를 움직이고 스페이스바를 누르면 초록색 미사일이 위로 발사됩니다. 화면 상단에서는 주황색 장애물이 크기별로 다른 속도로 아래로 떨어집니다. 미사일로 장애물을 맞추면 파괴되며 점수가 쌓이고, 장애물이 비행기에 닿으면 HP가 줄어듭니다.

·         비행기: 하단 고정, 좌우 이동 가능

·         미사일: 스페이스바 홀드 시 연속 발사, 초록색 선으로 표현

·         장애물: 5가지 크기, 주황색 다각형으로 표현, 위→아래 낙하

·         배경: 별 파티클 효과로 우주 분위기 자동 연출

 

▲ 게임 플레이 화면 — 파란 비행기, 주황색 장애물, 초록색 미사일이 자동 생성됨

6. 게임 UI 완성도 — HP·스테이지·스코어·타이머

단순히 움직이는 게임 오브젝트뿐만 아니라 UI도 자동으로 구성됐습니다. 화면 상단 왼쪽에는 하트 아이콘 5개로 HP가 표시되고, 가운데에는 현재 스테이지(STAGE 1/10)와 남은 시간 바가, 오른쪽에는 현재 스코어(SCORE)가 실시간으로 업데이트됩니다. 요구사항에 UI 디자인을 전혀 언급하지 않았는데도 게임에 필요한 정보를 스스로 판단해 화면에 배치했습니다.

 

▲ 완성된 게임 UI — HP(하트)·STAGE·잔여시간 바·SCORE 모두 자동 구현

완성된 게임 전체 스펙 정리

분류	항목	내용
조작	비행기 이동	← → / A D 키
조작	미사일 발사	Space 키 (홀드 시 연사)
게임	HP	하트 5개 — 장애물 충돌 시 1 감소
게임	스테이지	총 10스테이지, 스테이지당 60초 생존
게임	클리어 조건	60초 생존 → 다음 스테이지 진행
장애물	크기 5단계	매우작음 / 작음 / 중간 / 큼 / 매우큼
장애물	난이도 상승	스테이지 증가 시 개수·속도·큰 비중 증가
점수	스코어	장애물 파괴 시 크기별 점수 획득
엔딩	ALL CLEAR	10스테이지 클리어 시 달성

 

7. 결과물: game.html 단일 파일 17 KB

최종 결과물은 game.html 파일 하나입니다. 용량은 17 KB로 이미지·음원 없이 순수 HTML과 JavaScript Canvas 코드만으로 구성됐습니다. 파일을 크롬 브라우저로 열면 추가 설치 없이 바로 게임이 실행됩니다. 생성일시는 2026-04-25 오전 12:15로, Claude Code에 요구사항을 입력한 시점부터 실행 가능한 게임 파일이 완성되기까지 실제 소요된 시간은 1분 이내였습니다.

·         파일명: game.html / 크기: 17 KB / 형식: Chrome HTML Document

·         외부 라이브러리 없음 — 순수 HTML5 + Vanilla JavaScript

·         브라우저에서 파일 열기만 하면 즉시 실행 (서버 불필요)

·         코드 수정 시 Claude Code에 추가 요청만 하면 자동 반영

 

▲ 생성된 game.html 파일 — 17 KB 단일 파일로 완전한 슈팅 게임 구현

마무리: 기획력이 곧 개발력이 되는 시대

이번 실험에서 코딩에 쓴 시간은 0초입니다. 대신 게임의 규칙을 명확히 정리하고 요구사항을 구체적으로 서술하는 데 시간을 썼습니다. Claude Code는 그 텍스트를 받아 기술 스택을 선택하고, 게임 로직을 구현하고, UI까지 붙여 실행 가능한 파일로 만들어냈습니다. 물론 완성도를 높이려면 추가 프롬프트로 수정 요청을 반복해야 하고, 복잡한 게임일수록 요구사항 작성 자체가 어려워집니다. 하지만 '아이디어를 빠르게 프로토타입으로 만들어보는 용도'로는 Claude Code가 지금 당장 써볼 수 있는 가장 빠른 방법 중 하나입니다.