바이브코딩 스터디

Do it! 바이브 코딩 + 안티그래비티 스터디 1주차 - 나노 바나나로 게임 그래픽 이미지 만들기

leeruji 2026. 6. 15. 15:48

 

이전 글 보기 - 레트로 게임 만들기

 

 

이번에는 디자이너 에이전트를 만들고, 나노 바나나를 활용해 게임 화면의 스프라이트를 만들어 보기로 했다.

 

Sprite란?
2D 게임이나 애니메이션에서 배경과 독립적으로 움직일 수 있는 개별 이미지(캐릭터, 오브젝트 등)를 뜻한다.

 

 

너무나도 밤티 그 자체인 현재의 스프라이트..

 

 

 

Antigravity에서 새 채팅을 추가한 후, 디자이너 에이전트에게 부여할 프롬프트 작성을 위해 AI 프롬프트 엔지니어 에이전트를 만들었다.
구체적으로 프롬프트를 어떻게 작성하면 좋을까 싶었는데, 나 대신 에이전트가 프롬프트까지 작성해 준다니 편리했다.

 

 

AI 프롬프트 엔지니어 에이전트가 작성해 준 프롬프트는 아래와 같다.

 

 

 

 

나는 새로운 채팅을 만들어서 '디자이너 에이전트'로 이름을 변경하고, 위의 프롬프트를 그대로 복사해서 작성했다.

 

 

 

 

디자이너 에이전트가 자신의 역할을 받아들임과 동시에 현재 그래픽 시스템의 문제점을 지적하고, 
아래와 같이 오버홀 계획서를 작성해 주었다.

 

오버홀이란?
기존의 시스템, 엔진, 또는 그래픽 등을 '처음부터 완전히 뜯어고쳐 새로운 상태로 재탄생시키는 작업'을 뜻합니다.
단순히 버그를 수정하거나 콘텐츠를 추가하는 것을 넘어, 기존 시스템의 근본적인 뼈대와 방향성을 전면적으로 수정할 때 사용됩니다. (모든 걸 다시 수정하는 큰 작업이니 계획서 검토에 유의!)

 

 

 

계획서를 검토하고 승인(Proceed)하면, 디자이너 에이전트가 바로 구현 작업을 실행한다.

 

 

 

 

 

오버홀 작업이 완료된 게임을 실행해 보니, 확실히 이전보다 레트로 사이버 펑크 감성이 살아났고
기존의 '남은 생명' 하트가 쉴드로 변경되면서 더욱 우주 슈팅 게임에 어울리는 컨셉이 되었다.

특히 우주선이 좌우로 이동할 때 모션이 매우 부드러워졌다.


다만 작업이 이루어지면서 난이도가 다시 높아졌기에 이 부분은 수정이 필요하다.

 

 

이제 다시 원래의 목적대로, 디자이너 에이전트에게 게임의 인트로 화면 이미지(sprite) 제작을 요청했다.

솔직히 별로 기대는 안 했는데, 30초도 안 돼서 마음에 드는 이미지가 생성돼서 놀랐다..! 그래픽 디자이너의 전망 괜찮은 것인가? 🥲

나노 바나나를 처음 써 봤는데 이래서 나노 바나나 하는구나 싶었다.

 

 

나노 바나나가 제작한 인트로 이미지를 assets 폴더에 등록했다.

그리고 남은 문제들이 있었는데, 게임 오버가 되면 'R'을 눌러 재시작할 수 있어야 하지만 나의 Mac에서는 'R'을 눌러도 반응이 없었고 'config.py'에서 적군의 값을 조절해도 여전히 난이도가 높았다.

 

 

 

개발자 에이전트에게 요청한 후 확실히 난이도가 조절된 모습이다. 
그런데 여전히 내 Mac에서는 R키가 아닌 SPACE 키로만 재시작할 수 있었기 때문에 게임 오버 시 재시작 문구를 변경해야 한다.


또 배경의 별들이 적군의 총알과 구분이 어려운 문제가 있어 개발자와 디자이너 에이전트에게 개선을 요청했다.

 

 

 

 

이제 배경이 눈에 띄지 않아 적군에만 집중할 수 있게 되었고, 게임 오버 시 SPACE 키를 통해 게임을 시작할 수 있게 되었다.

 

 

 

이제 플레이어 비행선, 일반 적, 인게임 배경 이미지를 만드려고 했으나 무료 사용량 제한이 걸려 이번 글은 여기까지!

일주일 뒤에 다시 작업해야겠다. 🥹

 

 


 

 

 

Do it! 바이브 코딩 + 안티그래비티 | 조준수 - 교보문고

Do it! 바이브 코딩 + 안티그래비티 | 바이브 코딩 시대, ‘상상력’과 ‘실행력’이 당신의 무기가 된다! 프롬프트 설계법부터 게임, 생산성 도구, 풀스택 서비스 개발까지 한 권으로 끝내는 바이

product.kyobobook.co.kr