나노바나나 + 젠스파크로 만든 4x4 포켓몬 카드 게임!

소개

모각모임에서 나노바나나와 구글 AI STUDIO를 활용하는 방법을 배운 뒤, 재미있고 간단하게 구현할 수 있는 프로젝트로 4x4 카드 맞추기 게임을 떠올렸어요. 그래서 포켓몬 캐릭터 스타일의 카드 게임을 만들어보기로 했습니다. 🎮

진행 방법

사용 도구

  • 나노바나나: 캐릭터 4장 이미지 제작 (포켓몬 느낌으로!)

  • 구글 AI STUDIO: 텍스트 기반 빌드 및 실행 시도

  • 젠스파크 (AI개발자 모드): 이미지 반영 문제 해결에 활용

프롬프트 변화 과정

초반에는 이미지가 카드에 반영되지 않는 문제가 있었어요. 다음과 같은 시도를 했습니다:

  • 복잡하고 장황한 프롬프트: 이미지가 반영되지 않음

  • 간단한 프롬프트:

첨부한 이미지 파일로 4*4 카드 게임 만들어줘

→ 게임이 바로 생성되었지만, 첨부 이미지 외에도 AI가 자체적으로 다른 캐릭터 그림을 추가하는 문제가 발생했어요.

젠스파크에서의 해결

젠스파크의 AI개발자 모드에서 동일한 프롬프트를 적용하자, 첨부한 이미지 4장만 사용해 정확히 4x4 카드 게임을 구현해줬습니다. 🎯

포켓몬 메모리 매칭 스크린 샷
야자수가있는 해변의 파란색 포켓몬

피카추는 나무가있는 들판에 서 있습니다

첨부파일의 이미지와 다르게 적용 됨

반면 젠스파크는 첨부 이미지 그대로 구현을 잘 해 줌

포켓몬 카드 게임 스크린 샷

결과와 배운 점

  • 카드 게임은 최종 완성!

  • 젠스파크가 이미지 반영 처리에 더 강력하다는 점을 체감했어요.

  • 구글 AI STUDIO는 코드 변경이나 이미지 반영 측면에서 아직 미흡한 점이 있었고, 링크 공유 시에는 비용이 발생해서 실험용으로는 제약이 있겠더라고요.

  • 전체적으로는 "프롬프트를 얼마나 간단하게, 명확하게 주느냐"가 핵심이라는 걸 다시 한 번 느꼈어요.

도움 받은 글

  • (모각모임 예제 자료 등 추후 추가 가능)


🙌 정리하자면, "간단한 아이디어 + 간단한 프롬프트 + 적절한 도구 선택"만으로도 충분히 멋진 결과를 낼 수 있다는 걸 직접 체험한 프로젝트였습니다!

1
1개의 답글

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요