
✅기한 : 3월 14일까지 제출!
🔗 참여 링크
HPP Hub
hub.hpp.io
✅ 방법 :
1단계: 로그인
hub.hpp.io에 접속하여 Google 계정으로 로그인하세요.
2단계: 새 게임 시작
Playground를 열고 "+ New" 버튼을 누른 다음 "2D Game" 또는 "3D Game"을 선택하세요.
3단계: 게임 설명하기
NORI에게 원하는 것을 말해 주세요 — 디테일할수록 결과가 좋아집니다.\
프롬프트 예시:
플레이어가 화면 하단에서 네온 우주선을 조종하는 슈팅 게임을 만들어 줘. 적들이 위에서 웨이브 패턴으로 날아온다. 우주선은 좌우로 이동하고 레이저를 발사할 수 있어. 점수 카운터, 3개의 목숨, 웨이브마다 올라가는 난이도, 그리고 빛나는 스프라이트가 있는 어두운 별밭 배경을 넣어 줘.
너무 고민하지 마세요 — 나중에 언제든 수정할 수 있으니까요.
4단계: 플레이하고, 다듬고, 반복
NORI가 실시간으로 게임을 생성합니다. 브라우저에서 바로 플레이하고, 후속 프롬프트로 조정하세요.
이런 것들을 시도해 보세요:
- "플레이어 속도를 높이고 피격 시 화면 흔들림 추가해 줘"
- "적에게서 드롭되는 3연발 파워업을 추가해 줘"
- "사이버펑크 도시 배경으로 바꿔 줘"
- "점수와 재시작 버튼이 있는 게임 오버 화면을 추가해 줘"
이게 바로 바이브 코딩입니다 — 느낌이 맞을 때까지 NORI와 계속 대화하세요.
5단계: 출시 & 공유
게임에 만족하면 "Publish"를 누르세요. 누구나 플레이할 수 있는 라이브 URL을 받게 됩니다.
제공 모델

클로드를 무료로 사용가능하다니! (물론 크레딧 제한 있음)
만들고 싶은 게임 기획서를 한 번에 짜서
영어로 번역한 뒤 한 번 검수해보고 바로 AI에게 던져줘 봤다.

👉아니 그런데 기껏 영어로 번역해서 준 게 무색하게 AI가 이걸 똑같이 다시 한글로 번역했다...
(-> 굳이 번역할 필요가 없었나...)

허허... 아무튼 열심히 생성하는 중!!
생성에는 시간이 다소 소요되니 다른 거 하면서 두근두근 기다립니다😊

금방 나온 첫 번째 결과물, 타이틀 화면이다.
저게 타코야끼라고..? 싶긴해도 얼추 그럴 듯하다. 일단 플레이 해보자.




첫 번째 트라이임에도 생각보다도 퀄리티가 있어서 놀랐는데
비율이 안 맞는 UI/UX, 게임 플레이 밸런스 문제가 있어서 재설계의 필요성을 느꼈다.
유니티로 직접 게임 개발했던 것 생각하면... 이렇게 삐져나오는건 진짜 막 만들어서 테스트할 때 그랬는데.
시간이 좀 들지라도 인간이 가다듬는 게 결과적으로 편리하다는 것을 늘 느낀다.
보완점을 정리해보고,

이번엔 번역 없이 한글로 바로 해본다.


🔗 플레이 링크 : https://takoyaki-tycoon-fad0.apps.hpp.io
이런식으로 끝없는 QA와 수정사항을 입력하며 V8까지 진행했고..
어느정도 만족할 만한 결과물이 나와서 여기서 Stop!
게임 자체는 정말 '10분만에 딸깍'해서 만들어진 게 fact다. 아니 10분도 안 됐던 것 같다.
하지만 비율이 깨진 ui나 플레이 로직 오류를 잡아내며 어느정도 타협할 만한 결과물을 뽑는 것 자체는
한 시간 넘게 걸렸고...
⭐어쨌든 ai 게임 바이브코딩의 장점은
- 개떡같이 말해도 대충 찰떡같이 알아듣는다
- 로직 구현을 빠르게 해서 프로토타입이 빠르게 나온다.
따라서 ai를 활용해 프로토타입을 빠르게 잡고 개발자가 직접 수정하는 식으로 하면 더 좋을 것 같다..고 결론을 지었음!
(UI는 진짜 내가 손대서 해결 하고 싶은데 수정이 안 돼서 텍스트로 설명하려니까 답답했다!!!)
요새 웹페이지랑 파이썬 쪽만 바이브코딩 하고 있었는데...
덕분에 게임도 한 번 해봐야겠다는 생각이!
'프로그래밍' 카테고리의 다른 글
| [QA] V모델과 소프트웨어 테스트 4단계 이해 (0) | 2026.03.29 |
|---|---|
| [Godot] Github과 Google Antigravity IDE 연동 (0) | 2026.03.20 |
| Google Antigravity : 규칙 (Rules) / 워크플로우 (WorkFlow) (0) | 2026.03.05 |
| Google Gem : 나만의 챗봇 만들기 (0) | 2026.03.05 |
| 🔗Google Antigravity + Kilo code (AI Agent) 세팅 (0) | 2026.02.26 |