GPT와 함께 나만의 미니 게임 만들기

🕹️ GPT와 함께 나만의 미니 게임 만들기 – 완전 초보의 도전기

웹 브라우저에서 간단하게 즐길 수 있는 미니 게임을 직접 만들어보고 싶다는 생각이 들었습니다.
문제는 저는 프로그래밍 지식이 거의 없었다는 점이죠.
하지만 요즘은 ChatGPT 같은 AI 도우미가 있으니, 무작정 한번 도전해 보기로 했습니다.

결론부터 말하자면, HTML만으로도 꽤 재미있는 미니게임을 만들 수 있었고, 그 과정은 생각보다 훨씬 유익했습니다.
이 글에서는 게임을 만드는 전체적인 흐름GPT를 활용한 문제 해결 방식, 그리고 중요한 포인트들을 설명해보려 합니다.


1. 아무것도 모른 상태에서 시작하기

처음 GPT에게 던진 질문은 아주 단순했습니다.

“게임 하나 만들어보고 싶어요. 아무것도 몰라도 만들 수 있을까요?”

GPT는 HTML, CSS, JavaScript를 이용한 웹 기반 게임을 추천했습니다.
별도의 프로그램을 설치할 필요 없이, 브라우저에서 바로 실행할 수 있기 때문에 입문자에게 가장 적합한 방법이라고 했습니다.

2. HTML로 게임을 만들면 좋은 점

GPT가 말해준 HTML 기반의 장점은 다음과 같습니다.

  • 브라우저에서 바로 실행 가능 – 별도 설치 불필요
  • 간단한 텍스트 에디터로 작성 가능
  • 모바일과 PC에서 모두 테스트 가능
  • 공유가 쉬움 – 파일 하나로 OK

3. 게임의 기본 구조

GPT가 처음 만들어준 게임 구조는 다음과 같았습니다.

  • 캔버스 위에서 캐릭터가 상하좌우로 이동
  • 사방에서 적이 나타남
  • 적에게 닿으면 게임 오버
  • 생존 시간을 측정해서 점수화

생존 시간에 따라 난이도(적 속도, 등장 빈도)가 올라가도록 설계했습니다.

4. 기능 추가 – 아이템 시스템 도입

기본 게임이 돌아가니 기능을 추가하고 싶어졌습니다.
GPT에게 다음과 같은 요구를 했습니다.

“아이템을 추가하고 싶어요. 보호막, 슬로우, 미사일 같은 기능이 있었으면 좋겠어요.”
아이템 설명 아이콘
보호막 적과 충돌 시 1회 무적 🔰
슬로우 적 속도 0.5배, 5초간 지속 ❄️
미사일 적이 1초간 사라짐 ☢️

아이템은 10초부터 맵 안에 랜덤으로 생성되며, 동일 아이템이 연속 등장하지 않도록 조정했습니다.

5. 모바일 대응 – 터치 조이스틱 도입

처음에는 키보드로 조작했지만, 모바일에서도 플레이 가능하도록 화면 우측에 고정된 조이스틱을 도입했습니다.

조이스틱은 사용자가 터치하면 중심점을 기준으로 움직이며, 캐릭터가 해당 방향으로 이동하도록 구현했습니다.

조이스틱 관련 문제도 있었는데, GPT에게 다음과 같은 질문을 했습니다.

“모바일에서 조이스틱이 작동하지 않아요.”
“터치는 먹히는데 캐릭터가 안 움직여요.”

GPT는 offset 계산, passive 이벤트 처리 방식 등을 확인해주면서 구체적인 수정 방법을 알려주었습니다.

6. 난이도 조절 기능

게임이 단조로워지지 않도록 시간에 따라 적의 속도, 생성 빈도, 생성 개수가 변화하도록 설정했습니다.

생존 시간 난이도 적 속도 생성 주기
0~10초Easy3.0300ms
10~20초Medium5.0200ms
20~30초Hard7.0120ms
30~45초Extreme9.080ms
45초 이상Insane13.050ms

이 값들은 매 프레임마다 갱신되며, 아이템 효과와도 잘 분리되어 작동합니다.

7. 마무리하며 – GPT는 진짜 개발 파트너였다

이번 프로젝트를 통해 느낀 건, GPT는 단순한 코드 생성기가 아니라 '함께 개발하는 파트너'라는 점입니다.

  • 원하는 기능을 설명하면 구조를 설계해주고
  • 오류가 나면 원인과 수정 방법을 알려주고
  • UX적인 피드백도 받을 수 있으며
  • 코드를 점점 더 다듬을 수 있었습니다

✅ 정리: HTML로 GPT와 게임 만들기, 누구나 할 수 있다

  • HTML로 시작하면 별다른 환경 설정 없이 바로 개발 가능
  • GPT를 활용하면 코딩 지식이 없어도 게임 제작 가능
  • 시행착오가 있더라도 GPT와 함께 하나하나 해결할 수 있음
  • 과정 중심으로 공부하면 결과보다 더 많은 걸 배울 수 있음

📎 다음에는?

  • 점프 기능 추가?
  • 캐릭터 성장 요소?
  • 온라인 랭킹?

아이디어는 무한합니다.
처음 한 걸음이 어렵지, 그 다음부터는 즐거운 여정이었습니다.

이 글이 저처럼 아무것도 모르지만 만들고 싶은 분들에게 도움이 되기를 바랍니다!

'생성형 AI' 카테고리의 다른 글

AI 에이전트, Manus 소개  (3) 2025.05.20
Consensus 소개(AI 기반 학술 검색)  (0) 2025.04.11
AI의 수학, 과학 침공(Gemini 2.5 pro)  (1) 2025.04.10