AI 이미지로 만든 나만의 포켓몬 카드게임 🎮 실패 같았지만 배움은 확실했던 하루!
소개
지난 토요일, 모각AI 스터디에서 새로 나온 AI 이미지 생성기 ‘나노바나나’를 활용해 뭔가 재밌는 걸 만들어보기로 했어요.
평소에 포켓몬을 좋아하기도 하고, 이미지 생성 + 게임 구현을 한 번에 해볼 수 있을 것 같아서 ‘포켓몬 카드 짝맞추기 게임’을 만들어보자는 아이디어가 떠올랐습니다 💡
진행 방법
🛠️ 사용한 도구
나노바나나 (이미지 생성)
구글 AI 스튜디오 (Build 기능 사용)
젠스파크(Genspark) (AI 앱 개발 자동화)
🎨 이미지 생성
나노바나나에서 아래와 같은 프롬프트로 포켓몬 캐릭터 이미지 4종을 생성했어요:
“비치 배경에 있는 피카츄, 파이리, 꼬부기, 고라파덕 캐릭터 이미지”
생각보다 퀄리티도 좋고, 캐릭터 특징도 잘 살려줘서 만족!
💻 게임 만들기 시도
구글 AI 스튜디오 → Build 기능
생성한 이미지를 업로드하고 아래와 같은 프롬프트 입력:
“내가 첨부한 이미지들을 사용해서 4x4 카드 짝맞추기 게임을 만들어줘.”
❌ 문제: 이미지가 반영되지 않고 기본 이미지로 카드게임이 생성됨
젠스파크 개발자 도구 사용 및 결과
초기에는 카드가 뒤집히기 전에 이미지가 보이는 구조로 생성됨 → 논리 오류 🧠
프롬프트 수정하려 했지만,
크레딧 소진으로 더 이상 수정 불가 → 유료 업그레이드 요구 💸 ㅜ
🧾 사용한 게임 프롬프트 (젠스파크)
기능: 4x4 카드 맞추기 게임 사용자는 16장의 카드에서 8쌍의 같은 그림을 모두 찾아 게임을 완료할 수 있다.
시나리오 1: 게임이 시작될 때
만약: 게임이 시작되면
그러면: 16장의 카드가 4x4 그리드에 뒷면으로 배치되어야 한다.
그리고: 카드들은 무작위로 섞여 있어야 한다.
시나리오 2: 짝이 맞는 카드를 뒤집었을 때
배경: 2장의 카드가 뒤집혔고, 두 카드의 그림이 같다.
만약: 사용자가 기다리면
그러면: 두 카드는 앞면이 보이는 상태를 유지해야 한다.
그리고: 해당 두 카드는 '짝이 맞춰진' 상태로 표시되어야 한다.
그리고: 시도 횟수가 1 증가해야 한다.
시나리오 3: 짝이 틀린 카드를 뒤집었을 때
배경: 2장의 카드가 뒤집혔고, 두 카드의 그림이 다르다.
만약: 사용자가 기다리면
그러면: 두 카드는 다시 뒷면으로 뒤집혀야 한다.
그리고: 짝이 맞춰진 카드의 수는 변하지 않아야 한다.
그리고: 시도 횟수가 1 증가해야 한다.
시나리오 4: 게임을 완료했을 때
배경: 모든 8쌍의 카드를 성공적으로 찾았다.
만약: 마지막 짝이 맞춰지면
그러면: 게임이 종료되었음을 알리는 승리 메시지가 표시되어야 한다.
그리고: 총 시도 횟수가 메시지에 포함되어야 한다.
결과와 배운 점
📌 결과 요약
나노바나나 AI를 활용해 이미지 생성 → 코드 구현 → 결과물 시연까지 한 번에 가능함을 경험!
실제 플레이 가능한 카드게임이 완성되었음 🙌 (여러번 시도했으나 만들 이미지를 반영하지는 못함.. 시간 관계상 더 시도하지 못하고 여기서 끝내기로함)
https://ai.studio/apps/drive/1sbultf2eEYSAToFHgftykRaFU1fJ_-MQ
📚 배운 점
프롬프트 하나로 전 과정을 실행하는 건 점점 현실이 되어가고 있음
하지만 UI 동작 로직(예: 카드 뒤집기)과 이미지 처리 방식은 여전히 섬세한 제어가 필요함
젠스파크가 이미지 반영까지는 훌륭했지만, 수정 반복에 제약이 있음 → 크레딧 시스템 숙지 필요
이 사례를 통해 “AI가 뚝딱 만들어준다”는 말이 점점 현실이 되어가는 걸 실감했어요.
지금은 조금 미완성이어도, 도전 자체가 이미 재미있는 공부였답니다 😊
