바이브 코딩 on To the Moon

AI로 게임 만들기 #4 — 쏟아지는 걸 피하는 '낙하 회피', 그리고 플레이 영상까지 (공개빌드 #4)

Tue, 21 Jul 2026 09:00:00 +0900

지난 편까지 게임 랩엔 세 개가 쌓였습니다 — 🎨 그림 퀴즈(머리), 🟩 한글 워들(습관), 🍰 디저트 탑(손맛). 딱 하나 비어 있던 게 순수 액션이었어요. 그래서 네 번째는 반사신경으로 하는 게임 — 낙하 회피입니다.

말로 설명하는 것보다 보는 게 빠르니, 이번엔 10초 플레이 영상부터 올립니다 👇

👉 낙하 회피 직접 하러 가기

어떤 게임이냐면

규칙은 3초컷입니다:

🚀 로켓을 드래그(PC는 ← →)로 좌우 이동
위에서 쏟아지는 🪨 운석·💣 폭탄을 피하기
⭐ 별을 먹으면 점수 폭발, 💗 하트를 먹으면 생명 회복(최대 5)
하트 3개로 시작, 부딪히면 하나씩 깎이고 0이면 끝
갈수록 빨라집니다. 점수 = 버틴 만큼 + 별

결과는 🕹️ 낙하 회피 — N점!으로 공유되고, 최고 기록·연속 출석도 다른 게임들처럼 쌓여요. 조작이 한 손이라 폰에서 특히 잘 맞습니다.

이번 편의 새로운 것 — 게임이 스스로 플레이하게 만들기

위 영상, 제가 직접 플레이한 게 아니라 게임이 자기 자신을 플레이한 걸 녹화한 거예요. 이번에 처음 해본 건데 방법이 재밌었습니다:

게임에 간단한 회피 AI를 붙였어요 — 매 순간 “제일 가까운 폭탄이 왼쪽에 있으면 오른쪽으로, 위험이 없으면 근처 별 쪽으로” 로켓을 움직이게
그 상태로 게임을 돌리면서 캔버스 화면을 그대로 녹화(브라우저의 화면 녹화 기능)
나온 영상을 10초짜리 mp4로 변환해서 이 글에 임베드

즉 “게임을 만든 김에, 그 게임한테 스스로 시연까지 시킨” 셈이에요. 앞으로 게임마다 이렇게 짧은 플레이 영상을 붙이면 글이 훨씬 생생해지겠더라고요.

그리고 난이도 한 번 손봄

처음엔 좀 쉬웠어요(“이거 안 죽는데?”). 그래서 낙하 속도와 등장 빈도를 살짝 올려서, 초반은 여유롭다가 중반부터 확 조여지게 바꿨습니다. 이런 자잘한 손맛 조정이 액션 게임에선 은근 중요하더라고요.

이제 게임 랩이 4색 됐습니다

	게임	성격
🎨	AI 그림 맞히기	머리 (퀴즈)
🟩	한글 단어 맞히기	습관 (데일리)
🍰	디저트 탑 쌓기	손맛 (아케이드)
🕹️	낙하 회피	반사신경 (액션)

머리·습관·손맛·반사신경 — 이제 어떤 기분에 들어와도 하나쯤 걸리는 게임 랩이 됐습니다.

낙하 회피 한 판 해보시고 몇 점 나오는지 알려주세요. 저는 별 먹으려다 폭탄에 자주 박습니다. 🚀

다음 편엔 다섯 번째 게임을 들고 오겠습니다.

AI로 게임 만들기 #3 — 원버튼 '디저트 탑 쌓기', 막대기가 마카롱이 되기까지 (공개빌드 #3)

Thu, 16 Jul 2026 20:00:00 +0900

지난 편까지 만든 두 게임(그림 퀴즈, 한글 워들)을 놓고 보니 공통점이 있더라고요 — 둘 다 머리 쓰는 게임입니다. 라이브러리에 퀴즈만 쌓이면 재미없죠. 그래서 세 번째는 완전히 반대로, 아무 생각 없이 순전히 손맛으로 하는 게임을 만들었습니다. 결과물은… 디저트 탑 쌓기가 됐어요. 왜 “디저트"인지는 뒤에서 이야기하겠습니다.

👉 디저트 탑 쌓기 하러 가기

‘탑 쌓기’ 장르가 뭐냐면

모바일 게임 좀 해보셨으면 ‘Stack’류 게임을 기억하실 거예요. 규칙은 이게 전부입니다:

블록이 좌우로 왔다 갔다 움직인다 → 탭하면 뚝 떨어진다
아래 블록과 겹친 부분만 남고, 튀어나온 부분은 싹둑 잘려나간다
블록이 점점 좁아지다가, 완전히 빗나가면 끝 — 몇 층까지 쌓았나?

배우는 데 30초, 한 판에 30초. 그런데 “한 판만 더"가 끝없이 나오는 마성의 장르죠.

이렇게 플레이합니다

화면 탭(PC는 스페이스바) 한 번 = 디저트 낙하
삐끗한 만큼 잘려서 탑이 점점 좁아집니다 — 착지할 때마다 크림이 찌익 튀고요
오차 몇 픽셀 이내로 딱 맞추면 PERFECT — 안 잘리고, 체리나 딸기가 톡 하고 올라갑니다 (탑에 그대로 남아서, 퍼펙트 이력이 훈장처럼 쌓여요)
연속 PERFECT면 좁아졌던 폭이 조금씩 회복됩니다 (실수해도 컴백 가능)
올라갈수록 점점 빨라집니다. 점수 = 층수

팬케이크, 마카롱, 생크림, 초콜릿… 층마다 다른 디저트가 올라오는데, 문제는 —

젤리는 흔들립니다 🍮

몇 층마다 한 번씩 젤리가 나옵니다. 이 젤리, 착지한 뒤에도 탄성 때문에 좌우로 부르르 흔들려요. 그리고 다음 블록의 판정은 흔들리고 있는 실시간 위치 기준입니다. 흔들리는 젤리 위에 다음 디저트를 얹어야 하니, 타이밍을 완전히 빼앗기죠. 대신 그 위에 뭔가 얹히면 젤리는 그 자리에 눌려 고정됩니다. 이 게임의 시그니처 기믹이에요 — “아, 젤리다…” 하는 순간의 긴장감.

막대기가 마카롱이 되기까지

사실 이번 편의 진짜 이야기는 이겁니다. 이 게임, 세 번 변신했어요.

1차 — 색깔 막대기. 로직을 다 만들고 첫 버전을 보여줬더니 돌아온 반응: “좋은데, 탑 디자인이 너무 구리다.” …맞는 말이었습니다:

2차 — 입체(2.5D). 그래서 블록에 윗면·옆면을 붙여 입체로 갈아엎었습니다. 훨씬 나아졌죠:

3차 — 디저트. 그런데 여기서 “아예 디저트를 쌓으면 어때? 젤리는 흔들리고!“라는 아이디어가 나왔고 — 그 순간 이 게임이 흔한 Stack 클론에서 자기 정체성이 있는 게임으로 바뀌었습니다. 파스텔 배경, 케이크 스탠드, 시럽 드립, 퍼펙트 체리, 그리고 흔들리는 젤리까지. 위의 플레이 화면이 그 결과예요.

게임 로직은 처음부터 끝까지 그대로입니다. 바뀐 건 그리는 코드와 콘셉트뿐인데, 게임의 인상은 매번 완전히 달라졌어요. 만들면서 배운 것: 규칙이 게임의 뼈대라면, 콘셉트는 게임의 얼굴이더라고요.

이제 게임이 셋 — 성격이 다 다릅니다

	게임	성격
🎨	AI 그림 맞히기	머리 (퀴즈)
🟩	한글 단어 맞히기	습관 (데일리)
🍰	디저트 탑 쌓기	손맛 (아케이드)

“비슷한 게임 모음"이 아니라, 이제야 게임 랩이 구색을 갖춘 느낌입니다.

디저트 탑 한 판 쌓아보시고 몇 층인지 알려주세요. 참고로 저는 젤리 위에서 자꾸 무너집니다. 🚀

다음 편엔 네 번째 게임을 들고 오겠습니다.

AI로 게임 만들기 #2 — 한글판 워들, 그리고 힌트 난이도로 세 번 갈아엎은 이야기 (공개빌드 #2)

Sat, 11 Jul 2026 09:00:00 +0900

지난 편에서 “게임을 하나씩 계속 얹겠다"고 했으니, 약속대로 두 번째 게임을 만들었습니다. 이번엔 한글판 워들 — 매일 두 글자 단어 하나를 맞히는 게임이에요.

👉 한글 단어 맞히기 하러 가기

워들이 뭐냐면

혹시 ‘워들(Wordle)’ 아세요? 2022년 초에 전 세계를 휩쓴 단어 맞히기 게임이에요. 규칙은 단순합니다:

숨겨진 다섯 글자 영어 단어를 여섯 번 안에 맞힌다
한 번 추측할 때마다 글자마다 색으로 힌트를 준다 — 🟩(자리·글자 맞음) · 🟨(단어에 있지만 자리가 틀림) · ⬜(없음)
하루에 딱 한 단어. 모두가 같은 문제를 풀고, 결과를 이모지 격자로 공유

이 “하루 한 문제 + 색 힌트” 조합이 은근히 중독적이라 한때 어마어마하게 유행했죠. 저는 이걸 한글로 만들어보고 싶었습니다.

한글로 워들을 만들면

영어는 알파벳을 한 칸씩 맞히면 되는데, 한글은 어떻게 할까요? 핵심은 한글 한 글자가 자모로 쪼개진다는 거예요.

‘버’ = ㅂ + ㅓ
‘스’ = ㅅ + ㅡ
받침이 있으면 셋 — ‘박’ = ㅂ + ㅏ + ㄱ

그래서 영어 워들이 알파벳 칸을 색칠하듯, 한글 워들은 초성·중성·종성(자모) 한 칸씩 색칠해서 알려줍니다. 화면은 이렇게 생겼어요:

이렇게 플레이합니다

오늘의 두 글자 단어가 정해져 있어요 (하루 한 번, 모두 같은 문제)
두 글자를 입력하면, 자모마다 색이 칠해집니다 — 🟩 자리까지 맞음 / 🟨 있지만 다른 자리 / ⬜ 없음
이 색 힌트를 보고 좁혀가며 여섯 번 안에 맞히면 됩니다

예를 들어 정답이 ‘버스’일 때 ‘구름’을 넣으면, ‘름’의 ㅡ가 초록으로 뜹니다(정답 ‘스’의 ㅡ와 자리까지 일치). 이렇게 자모를 하나씩 맞춰가는 거예요:

막히면? 힌트가 하나씩 열립니다

여기가 이 게임에서 제일 공들인 부분이에요. 그냥 두 글자 맞히라고만 하면 시작 실마리가 없어서 너무 막막하고, 그렇다고 처음부터 설명을 다 주면 한 번에 맞혀버려서 싱겁더라고요. (사실 이 사이를 잡느라 몇 번을 갈아엎었습니다.)

그래서 이렇게 했어요: 시작은 힌트 없이. 한 번 틀릴 때마다 힌트가 하나씩, 점점 세게 열립니다.

큰 갈래 — “사람이 만든 것” (수십 개 중 하나, 거의 감 안 옴)
분류 — “교통”
설명 — “많은 사람이 함께 타는 대중교통”
초성 — “ㅂ ㅅ”
첫 글자 — “버_”

위 스크린샷에서 보드 위에 쌓인 초록 상자들이 그거예요(세 번 틀려서 세 개 열린 상태). 덕분에 감 좋으면 힌트 없이 빨리 맞혀 고득점, 막히면 틀릴수록 점점 좁혀지는 도움을 받습니다. 난이도를 플레이어가 스스로 조절하는 셈이죠.

그리고 결과 공유

맞히고 나면 결과가 🟩🟨⬜ 이모지 격자로 만들어져서 한 번에 공유할 수 있어요. 정답은 안 보여주고 “몇 번 만에, 얼마나 헤맸는지"만 색으로 남기는 워들 방식 그대로입니다. 연속 출석과 누적 점수도 기기에 차곡차곡 쌓이고요.

그래서 지금 게임 랩엔 게임이 둘입니다 — 🎨 AI 그림 맞히기, 🟩 한글 단어 맞히기.

한글 단어 맞히기 한 판 해보시고, 오늘 단어 몇 번에 맞혔는지 · 힌트가 적당한지 알려주세요. “이 단어 힌트가 이상하다” 하는 게 있으면 바로 고칩니다. 🚀

다음 편엔 세 번째 게임이나, 아니면 사람들이 실제로 하러 왔는지 이야기를 들고 오겠습니다.

AI로 게임 만들어 돈 벌기, 진짜 될까? — 혼자 그림 퀴즈 게임 만든 이야기 (공개빌드 #1)

Mon, 06 Jul 2026 22:00:00 +0900

얼마 전 유튜브를 보다가 우연히 흥미로운 이야기를 봤습니다. 어떤 사람이 AI로 며칠 만에 만든 브라우저 비행 게임 하나로 큰돈을 벌었다는 거예요. fly.pieter.com 이라는 게임이었죠. 그래픽이 대단한 것도 아닌데, 게임 속 하늘에 뜬 광고판 자리를 팔아 수익을 냈다고 하더라고요.

만든 사람은 피터 레벨스(Pieter Levels), 네덜란드의 1인 개발자입니다. 투자도 직원도 없이 혼자 여러 서비스(Nomad List, Remote OK, PhotoAI 등)를 만들어 운영하는 사람인데, 방식이 인상적이었어요 — 혼자, 빠르게 만들고, 첫날부터 매출을 내고, 기술은 극단적으로 단순하게 가고, 무엇보다 만드는 과정을 매일 공개(build in public) 합니다. fly.pieter.com도 AI(이른바 ‘바이브 코딩’)로 뚝딱 만들어 그 과정을 공유하며 키운 게임이었죠.

그 영상을 보고 나니 이런 생각이 들었습니다. “나도 뭐라도 하나 더 해봐야겠다. 그럼… 게임을 한번 만들어볼까?” 이 글은 그 생각으로 실제로 만들어 본 게임 이야기입니다.

내가 이 이야기에서 얻은 것

솔직히 처음엔 ‘큰돈 벌었다’는 대목에 혹했습니다. 그런데 며칠 곱씹어 보니, 정작 제 마음에 남은 건 돈이 아니라 태도였어요.

거창한 계획이나 완벽한 결과물부터 준비하는 게 아니라, 일단 작게 시작해서 만드는 과정을 공개하고, 거기서부터 한 걸음씩 쌓아 올린다 — 이 방식이요. 결과가 어떻게 되든, 시작을 해보고 그 과정을 기록으로 남기는 것만으로도 분명 남는 게 있겠다는 마음이 생겼습니다.

마음을 그렇게 먹고 나니 방향은 분명해졌어요. 거창한 3D 게임 같은 건 한참 나중 일이고, 지금은 작고, 나만 할 수 있고, 재미있는 걸 하나 만들어서 그 과정을 여기에 공개하기로요. 그렇게 만들기 시작했습니다.

그래서 고른 전략 — 내 무기는 ‘집에 있는 GPU’

남들이 쉽게 못 하는 걸 해야 승산이 있죠. 저한테는 남들에게 없는 무기가 하나 있습니다. 바로 지난 글에서 세팅한 집 게이밍 노트북의 로컬 이미지 생성기(ComfyUI)예요.

‘AI 이미지로 하는 게임’은 보통 이미지 생성 API 비용 때문에 개인이 하기 부담스럽습니다. 그런데 저는 RTX 4060 노트북으로 그림을 공짜로 무제한 뽑을 수 있어요. 남들이 돈 때문에 못 하는 걸 전기값만 내고 하는 거죠. 이 무기를 살리는 게임이 뭘까 고민하다 나온 게 —

첫 작품: 「AI 그림 맞히기」

👉 지금 바로 플레이: AI 그림 맞히기

규칙은 단순합니다. AI가 그린 그림 한 장을 보고, 뭘 그린 건지 맞히면 됩니다. 예를 들면 이런 그림들이에요.

(정답은… 직접 맞혀보세요 😏)

처음엔 4지선다 객관식으로 만들었는데, 테스트하던 지인이 **“이건 우리집 거북이도 맞히겠다”**고 해서 갈아엎었습니다. 그래서 지금은 이렇게 됐어요.

한 문제에 기회 3번
1. 1차 — 그냥 직접 입력해서 맞히기 (+3점)
2. 틀리면 힌트를 주고 다시 (+2점)
3. 또 틀리면 마지막으로 객관식 (+1점)
빨리 맞힐수록 고득점, 최종 총점 /15로 마무리
연속 출석과 누적 점수가 기기에 쌓이고 (계정·로그인 없이)
결과는 🟩🟨🟧🟥 이모지로 만들어 한 번에 공유 (워들 방식)

현재 문제는 30개, 한 판에 그중 무작위 5개가 나옵니다. 그래서 “다시 하기"를 누를 때마다 다른 그림이 나와요.

이미지 30장, 어떻게 만들었나 — 집 GPU로 공짜

여기가 이 프로젝트의 핵심입니다. 문제로 쓸 그림 30장을 전부 집 노트북에서 직접 뽑았어요.

ComfyUI + SDXL로 프롬프트를 주고 그림 생성 (장당 약 30초)
클라우드 API였으면 수십 장에 돈이 나갔겠지만, 로컬이라 전기값 빼고 0원
뽑은 PNG 30장(48MB)을 WebP로 변환해서 총 2.2MB로 압축 (웹에서 빠르게 뜨도록)

마음에 안 드는 그림은 프롬프트만 고쳐서 다시 뽑으면 되니까, 문제 풀을 늘리는 비용이 사실상 공짜예요. “AI 이미지 게임"에 로컬 GPU가 왜 강력한 무기인지가 여기서 드러납니다.

왜 ‘게임 하나’가 아니라 ‘게임 랩’인가

이 게임은 사실 AI 게임 랩이라는 미니게임 라이브러리의 1번 작품입니다. 게임 하나만 딸랑 만들지 않고 라이브러리로 만든 이유는 —

게임 하나가 안 터져도 라이브러리 자체가 자산으로 남고
**“AI로 게임을 계속 찍어내는 사람”**이라는 이야기가 공개빌드에 딱 맞기 때문입니다

구조도 그렇게 짰어요. 새 게임을 추가하려면 폴더 하나 복사 + 목록에 한 줄 추가면 끝나고, 점수 공유·누적 기록 같은 공통 기능은 모든 게임이 나눠 쓰도록 만들었습니다. 앞으로 여기에 게임을 계속 얹을 겁니다.

앞으로도 계속 쌓아 나가려고요

게임을 만드는 것보다, 사실 이걸 꾸준히 이어가는 것이 더 어려운 일이겠죠. 그래서 저는 완성한 다음에 “이제 뭐 하지?“를 고민하는 대신, 만드는 과정부터 이렇게 글로 남기기로 했습니다. 이 글이 그 1편이고요.

계획은 거창하지 않습니다.

만드는 과정을 계속 공개하고 (공개빌드)
게임에 공유 기능을 내장해서 (플레이한 사람이 결과를 편하게 나눌 수 있게)
게임을 하나씩 계속 얹어서 라이브러리를 키운다

내세울 결과는 아직 없습니다. 이제 막 1편이니까요. 하지만 한 걸음씩 꾸준히 쌓아 나가는 것, 그게 지금 저한테 제일 중요한 일입니다.

그러니 이 글의 마무리는 부탁으로 하겠습니다. 👇

「AI 그림 맞히기」 한 판 해보기 — 몇 점 나오는지, 어떤 그림에서 빵 터졌는지 알려주시면 다음 편에 반영하겠습니다. 여러분이 놀아주는 게, 이 실험의 진짜 연료입니다. 🚀

다음 편엔 두 번째 게임을 들고 오겠습니다.