손그림 한 장으로 만든 복불복 게임 4개

한눈에 보는 시간과 토큰

손그림을 보낸 때부터 게임이 처음 끝까지 한 판 돌아간 때까지예요.

출력 토큰은 Claude가 써 낸 글과 코드(생각 포함)예요. 읽은 것까지 더한 전체 토큰은 4개 합쳐 76,886,135인데, 그중 약 98%가 캐시 읽기예요. 한 대화에서 계속 이어 만들어서, 부를 때마다 앞의 긴 대화를 다시 읽었기 때문이에요.

나만 아니면 돼: 달리기 복불복

캐릭터를 하나씩 고르고, 중간에 무슨 일이 생길지 모르는 경주로 꼴찌를 정해요.

보낸 첫 메시지

[손그림 사진 1장]
이런 게임 하나 만들고 싶거든?? '나만 아니면 돼'라는 컨셉에 복불복 게임 페이지를 만들고 싶고, 일단 기본적으로 사용자가 선택할 수 있는 캐릭이 10개가 있어. 사용자는 각각 이 캐릭을 하나씩 선택을 할거야. 그리고 누가 이 결승선까지 빠르게 들어오나가 승패(?) 꼴찌를 결정하는거야. 근데 이 각각의 캐릭들은 중간에 어떤 행동을 할지 모르는거지. 만약 자동차를 골라 그럼 이 자동차는 정상적으로 이동해서 결승선을 통과할 수도 있지만, 중간에 펑크가 나서 그냥 움직이지 못할 수도 있는거야. 각각의 캐릭마다 이런 경우의 수가 존재해.  이게 전부야. 기본적으로 30초안에 이게 결정되면 좋을 것 같고. 너무 빠르게 결승선을 통과하는 재미보다는 중간에 어떤 변수가 일어날지 모르는게 이 게임의 핵심이야.

일단 이미지 같은 경우는 aside 브라우저에서 chatgpt통해서 생성하고, 전반적으로 아기자기한 캐릭 이미지면 좋겠어. 그리고 경우에 수에 따른 이미지들도 필요하고. 이거 구현해. 나한테 뭐 허가 받지말고 알아서 전부 진행해

만든 순서

1. 그림 만들기

   Aside 브라우저의 ChatGPT로 캐릭터 시트 2장(달리기, 행운, 불운, 꼴찌 울음)과 아이템 시트 1장을 만들고, 잘라서 배경을 지운 그림 52개로 나눴어요. 약 5분.

2. 경주 엔진과 밸런스

   시뮬레이션을 8천 판씩 돌려 10명이 평균 25초 안에 끝나고, 캐릭터마다 꼴찌 확률이 9~11%가 되게 맞췄어요.

3. 화면

   운동회 운동장 느낌으로 인원 선택, 선수 고르기, 경주, 결과 화면. 브라우저로 직접 돌려 보며 폰 배치, 잘린 순위 배지, 겹친 결과 화면을 고쳤어요.

4. 넘겨받기

   Claude 아티팩트로 올리고, 올라간 판으로 한 판 돌려 본 뒤 링크와 함께 끝났다고 알려 줬어요.

랜덤 룰렛: 칸 크기도 이름 자리도 랜덤

이름을 넣으면 크기가 제각각인 칸이 생기고, 덮개를 열면 누구 칸이 어디인지 보여요.

보낸 첫 메시지

[손그림 사진 2장]
다음 게임도 추가해주면 좋을 것 같아.

* 최대 인원 수 10명 & 이름 입력
* 영역 크기 랜덤 & 각각의 영역에 이름도 랜덤 배정
* aside에서 chatgpt활용해서 이미지 생성해. (웹페이지 컨셉, 디자인 일관성 유지)

만든 순서

1. 그림 만들기

   ChatGPT로 룰렛 테두리, "?" 덮개, 받침대, 가운데 꼭지를 한 장에 만들고 네 조각으로 잘라 흰 부분을 투명하게 했어요.

   

2. 페이지

   바늘이 가운데서 도는 룰렛, 홈 카드, 링크를 보낼 때 보이는 공유 이미지.

3. 첫 판 완주 (23.4분)

   로컬 브라우저에서 칸 나누기부터 결과까지 한 판을 돌렸어요. 인원마다 당첨 확률이 1/N에서 1% 안인지도 확인했어요.

4. 검수 두 번

   넘겨받기 전에 검수 에이전트를 두 번 돌려 작은 버그 15개를 고치고 자동 시험 23개를 붙였어요.

5. 배포

   bukbulbuk.fun/roulette/에 올리고 실제 사이트에서 한 판 돌려 본 뒤 넘겨받았어요.

어둠속으로: 끝까지 살아남는 1명

문을 하나씩 고르면 1인칭으로 어둠 속을 걸어가고, 무엇이 튀어나올지 몰라요.

보낸 첫 메시지

[손그림 사진 2장]
어둠속으로
라는 복불복 게임이고 최대 5명 그리고 문을 선택할 수 있는거야.
그리고 선택하면 문이 열리면서, 각각 선택 영역에 대해서 (개인적으로는 1인칭 관점으로 보이면 좋을 것 같아) 그리고 앞으로 걸어가는데 뭐가 튀어나오고 어떤 상황이 벌어질지 모르는거지. 그렇게해서 끝까지 살아남는 1명을 뽑는거야.

/plan

만든 순서

1. 계획 먼저

   메시지 끝에 /plan을 붙여 계획을 먼저 받고, 읽어 본 뒤 승인했어요. 약 3분.

2. 그림 만들기

   ChatGPT로 문 시트(문 5종, 손전등 든 손, 출구)와 튀어나오는 것 시트(12종)를 만들고 24개로 잘랐어요.

   

3. 엔진

   인원마다 40만 판을 돌려 살아남을 확률이 1/N에서 1% 안인지 확인했어요.

4. 화면

   게임 페이지와 홈 카드를 만들고, PC와 폰 화면을 단계마다 찍어 보며 고친 뒤 공유 이미지를 만들었어요.

5. 배포

   bukbulbuk.fun에 올리고 실제 사이트에서 4명이 한 판(32초)을 오류 없이 마쳤어요.

고슛: 팽이 배틀

팽이를 하나씩 고르면 경기장에서 부딪히고 기술을 써서, HP가 다 닳으면 아웃이에요.

보낸 첫 메시지

[손그림 사진 1장]
여기에 더해서, go shoot 이라는 복불복 게임이야. 최대 6명이고, 탑블래이드 생각해주면 좋을 것 같아. 팽이는 총 10개의 종류가 있으면 좋을 것 같고, 각각의 팽이들이 좀 개성있고 재밌게 생겨도 좋을 것 같아. 모두 고유한 기본 스킬 2개와 궁극기(일정 확률로 발동)를 가지고 있어.

만든 순서

1. 끼워 넣기

   어둠속으로를 만드는 중에 보냈어요. 어둠속으로를 끝내자마자 이어서 시작했어요.

2. 설계

   손그림을 보고 규칙과 팽이 10종(기본 스킬 2개, 확률로 터지는 궁극기)을 정했어요.

3. 그림 만들기

   ChatGPT로 팽이 옆모습 시트와 위에서 본 경기장용 시트를 만들어 잘라 넣었어요.

   

4. 엔진과 밸런스

   시뮬레이션으로 아웃 순서, 판 길이, 궁극기 횟수를 봤어요. 몸통 박치기 아웃이 64%여서 기술로 아웃되는 판도 고루 나오게 맞췄어요.

5. 화면과 배포

   페이지, 홈 카드, 공유 이미지를 만들고 PC와 폰으로 한 판씩 돌려 폰 배치와 잘린 궁극기 물결을 고쳤어요. 배포 뒤 실제 사이트에서 5명이 한 판(39초)을 오류 없이 마쳤어요.

게임 그림은 ChatGPT로, 요청은 Claude가

그림은 제가 따로 만들지 않았어요. Claude Code에 "aside 브라우저에서 chatgpt통해서 생성"이라고 한 줄만 적었어요.

1. Claude Code 세션손그림, 게임 규칙, 사이트 디자인이 이미 대화에 있어요
2. Claude가 그림 프롬프트를 써요캐릭터, 동작, 색, 배치까지 자세히
3. Aside 브라우저의 ChatGPTClaude가 입력창에 넣고 보내요
4. 그림 시트를 받아요한 장에 여러 개를 격자로
5. 잘라서 게임에 넣어요흰 배경을 지우고 하나씩 잘라요

이렇게 한 건 맥락이 끊기지 않게 하려고요. 제가 ChatGPT에 따로 설명하면 게임 규칙과 화면 분위기를 다시 적어야 하고, 그 사이에 뜻이 조금씩 빠져요. Claude 세션에서 요청하면 손그림과 규칙, 지금 사이트의 디자인을 다 아는 Claude가 프롬프트를 쓰니까 그 맥락이 ChatGPT에 그대로 전달돼요. 그림이 나오면 Claude가 바로 받아서 자르고 게임에 넣어요.

Aside는 터미널에서 명령으로 다룰 수 있는 브라우저예요. 제 ChatGPT가 로그인되어 있어서, Claude가 그 창에 프롬프트를 넣어 보내고 다 만들어진 그림을 받아 와요.

Claude가 ChatGPT에 보낸 프롬프트 (나만 아니면 돼, 첫 시트)

Create an image: a cute game sprite sheet, portrait 2:3 (1024x1536).

Background: plain pure white (#FFFFFF). No grid lines, no frames, no text, no labels, no ground shadows.
Layout: exactly 5 rows x 4 columns = 20 separate stickers, evenly spaced, with generous white gaps between every sticker so each one can be cut out cleanly.
Style: adorable kawaii chibi characters for a cute mobile racing game. Chunky rounded shapes, thick dark-brown outline around everything, flat soft pastel colors with simple cel shading. Every character faces RIGHT (moving toward the right side).

Each row is ONE character, drawn identically across its row. Columns: (1) running normally, (2) lucky moment, (3) unlucky moment, (4) crying in last place with big tears.

Row 1 - little red toy car with a cute face: (1) driving happily, (2) nitro boost with flames from the exhaust, (3) flat tire, squashed wheel, dizzy eyes, small smoke puff, (4) crying car.
Row 2 - baby green T-rex: (1) running, (2) roaring and charging with a big open mouth, (3) fallen flat on its face, tiny arms cannot push it up, (4) crying.
Row 3 - white bunny with pink ears: (1) hopping, (2) super high jump with motion lines, (3) sleeping curled on the ground with Z Z Z, (4) crying.
Row 4 - green turtle: (1) walking, (2) shell turned into a rocket, flying fast with fire, (3) flipped upside down on its shell, legs wiggling, (4) crying.
Row 5 - purple snake: (1) slithering, (2) riding a skateboard, (3) body tied into a knot, confused, (4) crying.

그림이 잘 나오게 한 요령

1. 한 장에 여러 개

   격자(예: 5줄 4칸)로 한 장에 담아 달라고 해요. 무료 플랜은 만들 수 있는 장 수가 적어서 특히 중요해요.

2. 흰 바탕, 글자 없이

   순수한 흰 바탕에 격자선, 글자, 그림자 없이, 간격은 넉넉하게. 그래야 하나씩 잘라 내기 쉬워요.

3. 한 줄에 한 캐릭터

   줄마다 캐릭터 하나, 칸마다 동작 하나로 나누면 같은 캐릭터가 똑같이 그려져요.

4. 같은 대화에서 이어서

   다음 시트는 같은 ChatGPT 대화에서 "exactly the same style"로 요청해서 그림체를 맞춰요.

ChatGPT 구독이 없다면

ChatGPT 무료 플랜은 하루에 만들 수 있는 그림 수가 적어요. 제가 써 봤을 때 하루 7장쯤에서 한도에 걸렸어요. ChatGPT 구독이 없다면 Gemini 무료를 써도 좋아요. Aside 브라우저에 Gemini(gemini.google.com)를 로그인해 두고, Claude에게 "aside 브라우저에서 gemini로 이미지 생성해"처럼 ChatGPT 자리만 바꿔서 요청하면 돼요.

무료 Gemini 그림에는 오른쪽 아래에 작은 Gemini 표시가 들어가요. 저는 다른 작업에서 그 부분을 잘라 내고 썼어요.

그림에 그린 것, 글로 쓴 것

그림으로 보여 줄 수 있는 건 글로 다시 설명하지 않았어요.

그림으로 보낸 것

글로만 쓴 것

따라 해 보기

• 종이에 화면 하나를 그려요. 큰 덩어리와 위치만, 예쁘지 않아도 돼요
• 숫자 제한과 상태(처음 화면, 고른 뒤 화면)는 그림 옆에 짧게 메모해요
• 사진을 찍어 붙이고, 글로는 그림에 없는 규칙만 적어요
• 이미지는 "aside 브라우저에서 chatgpt(또는 gemini)로 생성해"처럼 어디서 만들지 한 줄 더해요
• 처음 보는 종류의 게임이면 /plan으로 계획부터 받아요

제가 쓴 백지 노트

손그림은 이 백지 노트(크로키 드로잉북)에 그렸어요. 종이에 직접 그려 보고 싶다면 이 노트를 추천해요.

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

크로키 드로잉북쿠팡에서 보기 →

숫자는 이렇게 쟀어요

1. 시작

   손그림 사진을 붙인 메시지를 보낸 시각이에요. 고슛은 어둠속으로를 만드는 중에 보내서, 어둠속으로를 끝내고 고슛을 보기 시작한 때부터 쟀어요.

2. 끝

   게임이 처음 끝까지 한 판 돌아간 시각이에요. 나만 아니면 돼, 어둠속으로, 고슛은 그 판을 바로 넘겨받은 때(Claude 아티팩트 링크, bukbulbuk.fun 배포 뒤 실제 사이트 확인), 룰렛은 로컬 브라우저에서 처음 끝까지 돈 때예요.

3. 토큰

   그 사이 Claude 응답(검수 에이전트 포함)에 적힌 사용량을 응답마다 한 번씩 더했어요.

4. 모델

   Claude Code 한 세션, Claude Opus 5.5 (effort xhigh).

빠진 것: 대화가 길어져 자동으로 요약한 호출(룰렛과 어둠속으로 구간에 한 번씩), 보조 모델 호출, ChatGPT 그림 비용. 대화 기록 밖의 비용 기록과 비교하면 출력 토큰은 이 표보다 많았을 수 있어요(생각 토큰을 세는 방식 차이로 보여요).