소개
어제와 오늘, Codex와 함께 “붕어빵 먹는 고양이”라는 모바일 가로형 러너 게임을 만들었습니다.
처음에는 빙글빙글 돌아가는 붕어빵 틀을 뒤집는 게임이 어떨까 했는데, 아이디어를 구체화 하기가 어려웠고, 간단하고 예제가 많은 러너 게임으로 방향을 바꿨습니다.
그 과정에서 나온 아이디어가 고양이가 걸어가면서 붕어빵을 먹는 게임이었습니다. 팥붕은 기본 점수, 슈 붕은 콤보, 탄 붕어빵이나 물웅덩이는 피해야 하는 장애물로 만들어 단순하게 구성하려고 했는데요, 하다보니 점점 복잡해지긴 하더라고요.
진행 방법
사용한 도구는 Codex, 이미지 생성, GitHub, Vercel 입니다.
처음부터 붕어빵 컨셉의 게임을 다시 구성하고, 고양이가 걸어가면서 팥붕, 슈붕, 탄붕을 먹는 것으로 진행했습니다. 재미있는 것은 코덱스가 팥붕, 슈붕, 탄붕의 줄임말을 사용하더라고요.
이미 기존 루트 폴더가 있어서 새로운 폴더를 만들어서 진행했습니다.
1) 게임 이미지 스타일 찾기
한국판 게임 스크린샷
처음 코덱스가 그려준 그림인데요, 중국 느낌 나서 슈퍼마리오의 픽셀아트 스타일로 해달라고 했더니 아래와 같이 그려줬어요.
화면에 고양이가 나오는 한국 게임
일러스트로 그려달라고 했다가 잘 안되서 결국 붕어빵 포차 그림을 구글링 해서 찾고 첨부해서 다시 그려달라고 했어요. 그리고 팝업이 화면을 가리는 것도 수정했고요. 고양이 그림도 스프라이트로 다시 구성해달라고 했습니다. 알아서 해주진 않더라고요.
imagen 을 사용해서 맵과 버튼을 싹다 다시 그려줘고양이를 스프라이트 로 점프하는 이미지를 구성해줘.
배경은 첨부 이미지 2개를 참고해.
가로등이 있으면 좋겠고, 달은 초승달로 해줘.
고양이와 붕어빵 이미지도 첨부 이미지 스타일로 다시 그려줘2) 게임답게 구성하기
게임을 즐겨하지 않아서 게임답게 만드는게 좀 어려웠습니다. 중간에 화면이 이상하거나 플레이가 이상한 것은 캡처로 보여주면서 수정하라고 계속 요청했어요. 요청사항이 많아지면 넘버링을 해서 요청하니 넘버링해서 답변해줬습니다.
1) 게임 play pause stop 이 있어야겠어.
2) 그리고 지금 플레이 도중에 고양이가 사라졌어. 왜 그런지 확인해봐
3) 고양이 이미지를 스프라이트로 걸어갈때와 점프할때를 구성해줘.1) 오른쪽 붕어빵 시작 버튼을 붕어빵 버튼 말고 play, pause, stop 으로 토글되게 하면 좋겠어. 이 3개가 어떻게 토글되는게 좋을지는 니가 설계해봐. 상단의 버튼은 그럼 지워도 될거 같아.
2) 고양이가 목숨이 깎일때만 깜빡여야겠어. 붕어빵 먹을때도 깜빡이니까 계속 깜빡거리기만해.
3) '최고'를 누르면 랭킹이 보이게 해줘.1) 고양이 스프라이트가 이상한데? 첨부 그림을 확인해
2) 붕어빵이 계속 같은 위치에 나타나지 않고 다양한 위치에 나타나면 좋겠어.
3) 목숨의 하트를 고양이로 바꿔줘.
도시를 배경으로 눈 속에서 놀고 있는 고양이 두 마리
고양이 스프라이트는 계속 짤려서 나와서 여러번 수정해야 했어요.
1) 콤보, 목숨 팝업(?)이 너무 크고 안 예뻐. 크기를 줄이고 예쁘게 바꿔줘.
2) 연속해서 누르면 점프가 더 높이 되도록 수정해줘.
3) pc 에서 큰 화면으로 실행하니 점프가 너무 낮아. 왜 그런지 알려주고 수정해줘.3) 사운드와 게임 타이틀 추가하기
배경음악과 효과음을 추가해줘. 고양이와 붕어빵 컨셉에 맞는 음악이면 좋겠어좋아. 이제 게임 타이틀을 만들자. 게임을 열면 제일 먼저 보이는게 게임 타이틀이지. 어떻게 만들지 먼저 기획부터 해봐. 그림의 분위기, 이미지, 타이틀 제목 폰트와 느낌 등을 말해봐. 그림은 아직 그리지 말고
한국 고양이 게임 - 스크린샷 썸네일
처음 타이틀 화면은 이랬는데요, 폰트가 너무 안예뻐서 imagegen으로 그려달라고 했더니 아래처럼 갑자기 멋진 화면이 되었습니다.
타이틀 제작에 코드보다 이미지젠을 쓰는게 어때? 제목이 너무 구린데.. sound 버튼은 없어도 되겠어. 고양이와 붕어빵도 3D로 좀더 입체감 있게 하고, 타이틀과 겹치지 찮아야겠어.
한국어로 게임하는 고양이
그래서 이제 게임 전체 화면과 아이템을 이 분위기로 다 바꾸라고 했습니다.
4) 플레이어가 즐기는 게임으로 만들기
재미있고 계속 할 수 있는 게임으로 만드는게 제일 어려웠습니다.
콤보가 있으면 이걸 쓸 수 있으면 좋겠어. 지금은 콤보로 점수만 쌓이고 다른 강점이 없어. 콤보를 플레이어가 먹고 싶게 해야 해. 어떻게 하면 좋을까? 아이디어를 제안해줘.코덱스가 제안하는대로 했더니, 게임이 너무 쉬워지거나 너무 어려워지거나 복잡해졌어요.
팥붕, 슈붕, 콤보, 플레이 속도 등을 적절히 섞어서 재미있게 하는건 정말 여러번 아이디에이션 하고 빌드하고 플레이해봤습니다. 그래서 아래처럼 정리됐는데, 그래도 막 재밌지는 않네요.
- 팥붕: `+10점`, 콤보 변화 없음.
- 슈붕: `+10점`, 콤보 `+1`.
- 봉지: `+30점`, 콤보 `+2`.
- 콤보는 `0/10`으로 표시하고 최대 `10/10`.
- 콤보가 `10/10`이 되면 다음 스폰에 황금 붕어빵 1개가 나온다.
- 황금 붕어빵을 먹으면 `+150점`, 콤보 리셋, 속도 소폭 증가, 5초간 골드 러시가 시작된다.
- 골드 러시 중에는 작은 황금붕 `goldbit`이 등장하며 먹으면 `+20점`.모바일 가 로형 화면
고양이 달리기/점프 스프라이트
팥붕, 슈붕, 황금 붕어빵 아이템
탄 붕어빵, 물웅덩이 장애물
목숨 3개
점수와 콤보 시스템
이름을 입력하는 로컬 랭킹
타이틀 화면
PLAY 버튼
BGM과 효과음
Vercel 배포
결과와 배운 점
링크(https://0803-bbang.vercel.app/?deploy=3259dcb) 에서 플레이 해보실 수 있고요, 토옵이님 의 개발놀이터(https://game.dev-play.kr/index.php)에서도 보실 수 있습니다.
1) AI가 다 해줘도 게임을 좀 알아야 수월하게 할 수 있습니다. 개발을 해보지 않았더라도 게임 관련 용어, 예를 들면 타이틀, 스프라이트, 러너 게임 등 간단한 용어들을 사용할 줄 아는 것이 훨씬 진행을 빠르게 했을것 같아요.
2) 이미지는 구글링 한 이미지로 첨부했을때도 예쁘다고 생각했는데, imagegen 을 사용하라고 했을때 너무나 예쁘게 그려줘서 깜짝 놀랐어요. codex 의 큰 장점이라는 것을 정말 공감했습니다.
3) 재미있는 게임으로 만드는 것은 기획의 힘이 필요했습니다. 단순한 게임이지만 이걸 지속해서 하고 싶을까 하는 의문이 들었고, 콤보, 장애물, 속도 조절 등 기존 게임의 요소들을 어떻게 하면 더 재미있게 할 수 있을까 게임 기획자들이 부러워지는 순간이었어요. 제 프롬프트가 별로였는지 코덱스의 아이디어도 그닥 유용하지 않았습니다.
4) 깃헙에 올리고 버셀에 배포는 한번 하니까 그다음부터 codex 가 수정할때마다 했어요. 이걸 진행하는데 시간이 꽤 걸려서 이 작업은 나중에 하고 지금 로컬에서 개발만 하라고 했어요.
5) 게임 기획을 처음부터 좀 자세하게 잘 넣으면 속도가 상당히 올라갈거 같아요.
도움 받은 글 (옵션)
토옵이님 개발놀이터의 https://game.dev-play.kr/articles/prompt-log/ 에서 프롬프트 로그를 남기는 아이디어가 이 게시글을 작성하는 것과 개발 히스토리를 돌아보는데 큰 도움이 되었습니다.
