아케이드 on To the Moon

AI로 게임 만들기 #5 — 휴지통에 종이 던지기, 근데 '진짜 게임처럼' (공개빌드 #5)

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

지난 편까지 게임 랩엔 네 개가 쌓였습니다 — 🎨 그림 퀴즈, 🟩 한글 워들, 🍰 디저트 탑, 🕹️ 낙하 회피. 다섯 번째는 종이 농구예요. 근데 이번 편은 좀 다릅니다. 새 게임을 하나 더 늘리기보다, 게임 하나를 “그냥 되는” 상태에서 “진짜 게임처럼"까지 다듬는 것에 집중했거든요.

말보다 보는 게 빠르니 플레이 영상부터 👇

👉 종이 농구 직접 하러 가기

어떤 게임이냐면

3초컷입니다:

구겨진 종이를 화면 아무 곳이나 당겼다 놓아 휴지통에 골인 (공을 안 짚어도 돼요)
가운데로 쏙 = 스월(2점), 림이나 백보드 맞고 들어가면 뱅크(1점)
바람 주의! 연속 골인하면 🔥 ON FIRE(2배 점수)
3번 놓치면 끝. 점수는 누적·최고 기록·연속 출석까지 다른 게임처럼 쌓여요

처음엔 “게임 같지가 않았다”

솔직히 첫 버전은 별로였어요. 발사가 너무 빨라서 종이가 번쩍 사라지는 수준이라 손맛이 0이었죠. 그래서:

비행을 2배 느리게(궤적·난이도는 그대로, 보이는 속도만)
잔상 꼬리 + 바닥 그림자 + 빗나가면 바닥에 튕기는 마무리

이것만 넣었는데 바로 “오, 게임이네” 소리가 나왔습니다. 완성도의 8할은 손맛이더라고요.

그다음 ‘고퀄’로 끝까지 밀어봤다

여기서 멈춰도 됐는데, 어디까지 되나 궁금해서 다 넣어봤어요:

🔊 사운드 — 에셋 파일 0개. WebAudio로 발사 “휘익”, 스월 “사악~”, 뱅크 “통-딩"을 코드로 합성했습니다
🏀 물리 — 좌우 림에 튕겨 덜덜거리는 in&out, 뒤 백보드 뱅크샷, 입구엔 천 네트가 출렁
🔥 ON FIRE — 연속 골인으로 게이지가 차고, 만렙이면 공에 불붙고 2배 (NBA Jam 오마주)
🎯 3점 라인 — 먼 통일수록 고득점. **백스핀(마그누스)**으로 궤적이 살짝 휘어요
✨ 그 외 히트스톱·카메라 펀치줌·리본 잔상 같은 자잘한 연출 주스까지

우리 집 그래픽카드가 배경을 그렸다

제일 좋아하는 부분이에요. 배경 사무실 일러스트를 집에 있는 그래픽카드(ComfyUI/SDXL)로 직접 뽑아서 깔았습니다. 예전에 노트북에 ComfyUI를 깔아둔 것을 이렇게 써먹네요. 브라우저에서 바로 돌아가는 가벼운 게임인데도 배경은 손그림풍이죠. 여기에 낮/밤 테마까지 붙였어요.

오래 붙잡는 장치들

📅 데일리 챌린지 — 날짜 시드라 그날은 모두 같은 통·바람. “오늘 몇 점?” 공유용
🏅 업적 · 🖼️ 결과를 이미지 카드로 공유 · ▶️ 베스트 샷 리플레이
♿ 접근성 — 멀미 방지(모션 축소 존중), 색약 안전 파워 표시

마지막에 배운 것: 작은 UX가 게임을 살린다

다 만들고 플레이하다가 치명적인 걸 발견했어요. 슬링샷이 공(좌하단 구석) 기준이라 뒤로 당길 공간이 없었던 거예요. 그래서 **“화면 아무 곳이나 짚고 상대적으로 당기기”**로 바꾸니 완전히 달라졌습니다. 화려한 기능 20개보다 이 한 줄짜리 조작 수정이 체감이 훨씬 컸어요.

이제 게임 랩이 5개

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

머리·습관·손맛·반사신경·조준 — 게임 랩이 5색이 됐습니다.

종이 농구 한 판 하고 몇 점인지 알려주세요. 스월로 3연속 넣으면 불붙습니다. 🔥

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

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 그림 맞히기	머리 (퀴즈)
🟩	한글 단어 맞히기	습관 (데일리)
🍰	디저트 탑 쌓기	손맛 (아케이드)

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

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

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