App in toss 공모전 나가보기...근데?...

App in toss가 출시가 되고 여러사람들이 공모전을 도전하고 있다. 나도 그 중 하나

 

7월의 주제는 Summer와 관련된 주제였다. 

내 기준 App-in-toss어플을 살펴보니

아무래도 게임이 사람들의 반응을 끌기 좋은것 같았다. (무한의 계단같은 것들)

그래서 나는 게임을 만들어 본 적은 없으나 혹싀?... 하는 마음에서 바이브 코딩으로 게임을 만드는 도전을 시작하게 된다.

D-16

 

7월 15일 1일차 아이디어 구상하기

나에게 주어진 시간은 별로 없었고 하루죙일 공모전을 위해서 개발을 할 수도 없었다. 물론 다른 출전자분들도 마찬가지겠지만

그래서 가벼운 스낵게임 형식으로 준비하는게 좋을것 같다고 생각했고, 그때 갑자기 미니게임 천국이 기억났다.

고등학교때 미친듯이 했던 모바일 게임을 생각하며 수박 sorting게임을 구상했다.

바로 데모 프로젝트를 만들기 시작했다. 

 

2일째에 쓰는거라서 원본 데모는 지금 수정되고 없다ㅋㅋㅋ 이게 처음에 올린 버전
일단 급하게 에셋을 뽑아서 에셋 위치만 배치시켰다.

처음에 수박 정렬 페이지로 넘어오면 버그 장난아니였음 
그리고 dev 0버전은 정말 모든 에셋을 html + css로 만들어서 에셋 퀄리티며 그런게 매우 끔찍했다... 정신차리고 아이패드 들고 그림 그려서 GPT한테 설명하니까 위와 같은 이미지를 뽑아줬다 

일단 끔찍한 레이아웃이지만 작동은 잘한다... 이제 점점 고도화 시켜야지....

 

7월 16일 : 2일차 UI테마 변경

우선 게임을 할 때 심심했었는데 Gemini로 노래를 만들고, 효과음은 무료인거 어디서 주워왔다. 가라지밴드로 잘라서 효과음으로 만들었다.

 

GPT에게 음원 에셋을 써달라고 했는데 생각보다 매우 맘에들었음ㅋㅋㅋ

추가로 이제 답이 없는 레이아웃을 수정해야했는데 어쩌다 보니 노래를 8bti형식으로 뽑아버려서 게임 테마도 8bit로 아기자기한 픽셀 그래픽으로 변경하기로 했다.

근데 배경이 너무나도 귀엽다 어엉어엉엉어엉엉어엉엉엉 

이렇게 좋은 퀄리티로 뽑으면 남은 에셋도 좋은 퀄리티로 뽑아야해서 조금 곤란했다. 생각보다 정성이 꽤나 많이 들어가야해서... 이미지를 뽑는 것 자체는 괜찮았는데 컴포넌트들을 어떻게 배치할 것인지가 관건이었다. 나 같은 경우 게임을 완전 처음 만들어보기 어쩌면 프롬프트에게 지시를 잘 내리지 못한 느낌도 어느정도 있는 것 같다. 하지만 GPT에게 예시를 확실하게 보여주려고 나름 노력했다.

사용한 예시 : 

 code pen text animation
pinterest에서 줍줍한 픽셀아트 이미지들

그리고 코덱스가 코딩해줄때까지 기다리면서 한 수박sorting점수 진짜 잘했음
참고로 메인이랑 테마가 다른건 테마를 바꾸고 있는 중이기 때문

이날은 토큰을 70%나 태워버린 날이기 때문에 ㅋㅋㅋ

아무튼

게임 화면도 이렇게 만들어버려서 나름 보람찼던 날이다.

 

7월 17일 3일차 UI셋업 마무리 + 고도화 전략 기획하기

실제로 마무리 페이지도 만들었다.

근데 한 가지 중요한 문제가 있었다

 

게임은 심사가 필요하다

 

진짜 큰일이다. 지금 속도라면 구글에 내지도 못하고 반대로 돈주고 심사를 받기도 너무 부족한 시간이다... 그래서 잽싸게... 주제를 틀게 되는데...