소개
안녕하세요. SamAltoran 입니다.
오늘은 간단하게 Google AI Studio를 활용하여 카드게임을 만들어 보았습니다.
진행 방법
우선 AI Studio에 들어야합니다.
https://aistudio.google.com/prompts/new_chat
Google AI 스튜디오의 스크린 샷
들어가면
구글 AI 스튜디오
옆 메뉴에서 다양한 메뉴등이 있습니다.
오늘은 Gernerate medis, Build를 활용해서 만들 예정입니다.
Chatper.1 이미지 확보
먼저 이미지 카드게임을 만들기 위해 이미지를 확보합니다.
잔디밭에서 Eevee의 사진
쉽게 만들어줍니다.
하지만 아이텐티티가 느껴지지 않기에 저는 여기서 한 번 더 꼬아주었습니다.
보라색 괴물의 이미지가있는 한국 게임 스크린 샷
<갑분 GPT입니다.>
여담인데 이미지 생성에 한해서는 ChatGPT가 빠르고 간편한 것 같습니다.
스크린 샷 스크린 샷 스크린 샷 스크린 샷 스크린 샷 스크린 샷 스크린 샷 스크린 샷.
이렇게 모아줍니다. 나중에 써먹을 일이 있겠죠?
Chatper2. 일단 카드앱을 만들어보자 Build
Gemini로 앱 빌드
44, 55 20*20 처럼 여러 난이도가 있는 카드게임 만들어줘라고 간단하게 입력했습니다.
그런데 생각보다 깔끔하게 결과물이 나오네요.
쌍둥이 자리 메모리 매트릭스
보라색 배경이있는 게임의 스크린 샷
메모리 매트릭스
그리고 Share 버튼을 누르니 간단하게 공유까지 됩니다.
그런 데 공유하고, 유저가 접속해서 사용하면
API키가 계속 사용되어서 과금이 될 수 있다고 합니다.
제가 이미지를 넣지 않으니 이모티콘으로 간단히 만들어주었습니다.
이 상태로 이미지를 넣으면 수정을 해야하는데
바이브코딩은 수정보다...
다시 만드는게 빠르고 간편합니다.
Chatper3 아이디어를 더해보자.
처음엔 아이덴티티가 있는 이미지를 만들어보았고,
다음엔 카드게임이 잘 나오는지 보았습니다.
그런데 생각해보니.
처음에 빌드할 떄 이미지 만들어서 해주면 되지 않을까?
라는 생각에 도달하게 되었는데요
그래서 아래의 프롬프트를 입력하여 만들어 보았습니다.
44, 55, 20*20 이미지 맞추기 카드게임을 만들고 싶어.
이미지 이마젠을 이용해서 생성해주고
이미지는 주제는 한국에 있는 포켓몬이야.
피사체는 1세대 포켓몬, 배경은 한국의 궁궐, 유명 유적지, 관광지로 구성해줘
전체적인 앱의 이미지는 한국 전통 스타일로 그 분위기를 같이 가져가도록 디자인해줘이번에도 뚝딱뚝딱 작동이 됩니다.
그런데 결과는 과연...?
코드 도우미 화면의 스크린샷
닌텐도 닌텐도 닌텐도 닌텐도 닌텐도 닌텐도
생각보다 너무 잘 만들어 주었습니다!
한국 이미지를 아이덴티티로 하였는데
약간 추상적인 유적이 나오긴 하지만
어느 정도 한국의 향기가 나오긴 하네요.
판타지 느낌도 나고좋습니다.
결과와 배운 점
아이디어를 시각화하는 부분에서
기술의 도움을 정말 많이 받을 수 있는 시대가 된 것 같습니다.
지속 가능한 서비스를 만드는 거는 다른 의미지만
간단하게 테스트하는데 진짜 짧은 시간이면 되겠다 싶습니다.
간단한 카드게임을 만들었지만,
MBTI, 나와 어울리는 동물찾기, 이상형월드컵 등
사람들의 관심과 심심풀이를 할 수 있는 앱을 만들어서 뿌린다면?
꽤 유의미한 트레픽을 받을 수 있지 않을까 생각이 듭니다.
하나 만들어서 서버에 올려보고 싶네요
도움 받은 글 (옵션)
진여진님 모각자료
https://docs.google.com/spreadsheets/d/1TzvHIADP0KpC3KXol7nABR2_eUuJvmIFADJ-U7YIiXs/edit?gid=35072074#gid=35072074
https://www.figma.com/slides/pv9qsVITgfoFdMRNG0DlHI/%EB%AA%A8%EA%B0%81-2%EC%A3%BC%EC%B0%A8-%EC%9E%A5%ED%91%9C?node-id=2-358
