ZAEMIT JOURNAL활용 가이드

클로드로 게임 만들기, 입력한 프롬프트 모음

클로드로 야구 타격 게임을 만들며 실제로 보낸 프롬프트를 모았습니다. 게임 기능을 만든 프롬프트와, 재밋 사이트 반영·랭킹 데이터 저장에 쓴 프롬프트까지 정리했습니다.

제이약 11분

안녕하세요, 제이입니다. 1편에서 클로드로 야구 게임을 제작한 과정을 정리했는데요, 이번에는 그 게임에 들어간 기능을 하나씩 짚으면서 실제로 사용한 프롬프트를 원문 그대로 모아봤습니다. 프롬프트는 참고만 해주시면 좋을 것 같아요.

게임 기능 구현과 재밋 사이트 반영에 사용한 프롬프트가 주된 내용입니다.

결론부터 말씀드리자면, 기능 대부분은 원하는 결과를 구체적인 숫자와 규칙으로 적었을 때 한 번에 들어갔습니다. 사이트 반영과 데이터 저장은 재밋 MCP를 연결해 둔 덕분에 게임을 금방 구현됐습니다.

항목

내용

제작한 서비스

야구 타격 타이밍 게임 사이트 (풀스윙)

도구

클로드 + 재밋 MCP + VS Code

주요 기능

구종 13종, 난이도, 전광판, 타격 진동, 랭킹 시스템

재밋 연동

사이트 반영, 랭킹 시스템 데이터 연동, 모바일 설정

게임 초안은 어떤 프롬프트로 만들었나요?

타격 타이밍 게임을 만들고 싶어. 정면에서 야구공이 서로 다른 속도로 날아오고 그걸 치는 방식으로 말이야.

시점, 공의 속도감, 플레이 방식 세 가지만 넣었습니다. 공이 날아오면 타이밍에 맞춰 치는 게임이 나왔고, 나머지 기능은 모두 이 뒤에 하나씩 요청했어요.

타자와 타격 모션

초안에는 타자가 없었습니다. 공이 오는 타이밍에 스페이스바를 누르면 방망이만 휘두르는 형식으로 연출됐습니다.

실제 타자가 서 있고, 방망이를 휘두르고, 친 공이 날아가는 모습을 한 번에 요청했어요.

우선 UI/UX부터 수정하고 싶어. 실제 타자가 있고 방망이를 휘두르는 모션이 있었으면 좋겠어. 좌타석, 우타석을 선택할 수 있었으면 좋겠고, 공을 쳤을 때 공이 날아가는 모션도 있었으면 좋겠어

이 요청으로 타자와 스윙 모션, 좌타석/우타석 선택, 타구가 날아가는 모션이 들어갔습니다. 게임의 기본 틀이 이 프롬프트에서 잡혔어요.

구종과 마구

처음에는 구종별로 속도만 달랐습니다. 막상 해보니 너무 쉽다는 단점이 있었습니다. 그래서 반응하기 어려운 공을 넣어달라고 했어요.

게임이 우선 너무 쉬워. 어차피 게임이니깐 중간중간에 반응하기 어려울 정도로 시속 400km 공도 넣어주고 궤적이 뒤죽박죽 섞여서 오는 마구도 구종에 섞어줘

시속 400km 광속구와 궤적이 섞여서 오는 마구가 추가됐습니다. 이후 세부 규칙과 새 마구를 한 번에 정리해서 보냈어요.

광속구 같은 경우에는 스트라이크일 확률을 90%, 볼일 확률을 10%로 설정해주라. 그리고 2루타가 너무 자주 나오는 것 같아. 2루타 나올 확률을 아주 조금만 줄여주라. 그리고 마구 중에서 공이 오다가 점점 안 보이는 공도 하나 만들어주라. 고스트공인 거지. 공이 오다가 중간쯤에 공이 안 보이는 거야. 그래서 타자는 오는 타이밍으로 쳐야 되는 거지. 그리고 마구 중에서 공이 오는 속도가 점점 빨라지는 공도 하나 추가해주고 처음에 빠르게 오다가 천천히 오는 마구도 하나 추가해주라.

한 번의 요청으로 다섯 가지가 반영됐습니다.

요청

결과

광속구 스트라이크 확률 90%

광속구 판정 확률 조정

2루타 확률 감소

2루타 빈도 감소

고스트공 추가

중간쯤부터 공이 사라지는 마구

점점 발라지는 공

가속 마구

빠르게 오다가 느려지는 공

감속 마구

기본 구종이 다 직구 같다

슬라이더와 커브가 직구처럼 보여서 보낸 프롬프트예요. 정면 시점에서는 위아래로 떨어지는 변화가 잘 보이지 않아서, 클로드가 좌우로 휘는 변화를 넣었습니다. 이렇게 구종은 13종까지 늘었고 구종마다 궤적과 잔상 색이 다릅니다.

확률이나 비율처럼 숫자로 적은 요청은 그대로 반영됐습니다. 기준이 분명할수록 결과를 확인하기도 쉬웠어요.

난이도

목표 점수를 정하고, 그 점수에 도달하지 못하도록 난이도를 설계해달라고 했습니다.

지금 난이도가 너무 쉬워. 20점까지는 못 가게 하는 게 목표야. 그렇기에 5점 단위로 난이도가 상승했으면 좋겠어. 내가 지금 보니까 광속구가 제일 치기 어려운 것 같아. 그러니, 5점, 10점, 15점 단위로 난이도가 상승했으면 좋겠어. 마구 비율을 레벨이 오를수록 높여줬으면 좋겠다는 뜻이야.

5점, 10점, 15점에서 레벨이 오르고 레벨이 오를수록 마구가 나오는 비율이 높아지도록 설계했습니다. 레벨은 4단계까지 있어요.

스트라이크존과 투구 위치

공이 지나간 뒤에 사용자가 스트라이크인지 볼인지 구분할 수 있도록 투구 위치를 남겨달라고 했습니다.

공 던지고 나서 스트라이크존에 공이 어디에 꽂혔는지 남아 있었으면 좋겠어. 그래야 사람들이 볼인지 스트라이크인지 알 수 있잖아

이후 UI 문제도 수정했습니다. 다른 사람에게 받은 피드백도 같이 보냈어요.

스트라이크 존이 너무 크다. 수정해줘. 그리고 다른 유저한테 피드백이 왔는데 공이 정확히 어디로 와서 어디에서 멈추는지 알기가 너무 어렵대. 그래서 지금 보면, 투수가 공을 던지면 공이 화면 나갈 때까지 진행하잖아? 공이 이미 치지 못하는 상태로 넘어갔을 때 멈춰서 어디로 공이 온 건지 알 수 있게 했으면 좋겠어.

스트라이크존 크기는 화면 높이에 맞춰 바뀌었고 칠 수 없는 위치를 지난 공은 그 자리에서 멈추고 테두리가 표시됐습니다. 현재 어떻게 작동하는지 설명하고 원하는 동작을 적으니 의도한 대로 바뀌었어요.

전광판

레벨과 카운트가 잘 보이지 않아서 플레이 정보와 판정 결과가 전광판에 구분되어 나오도록 요청했습니다.

수정 사항 하나만 더 말할게. 우선 레벨이랑, 스트라이크 카운트가 잘 안 보이는 것 같아. 그래서 전광판에 레벨이랑 스트라이크 카운트가 보였으면 좋겠어. 그리고 홈런이나 스트라이크, 볼 이럴 때 판정이 날 때마다 전광판에 크게 딱 나왔으면 좋겠어. 결과가 나오기 전까지는 전광판에 레벨과 스트라이크 카운트가 나왔으면 좋겠고 결과가 나오면 스트라이크인지 볼인지 뭐 이런 결과가 나왔으면 좋겠어.

투구 전에는 레벨과 스트라이크 카운트가 전광판에 표시됩니다. 판정이 나올 때는 홈런, 스트라이크, 볼 같은 결과가 전광판에 크게 표시됩니다.

타격감

게임감을 높이기 위해 타구 결과마다 진동을 넣었습니다.

이미지 만들어지기 전에 뭐 하나만 수정하자. 게임감을 올리고 싶어. 안타 쳤을 때의 진동과 2루타 쳤을 때의 진동, 홈런 쳤을 때의 진동이 달랐으면 좋겠어. 안타는 미세한 진동, 2루타는 더 강한 진동, 홈런은 더 강한 진동을 넣었으면 좋겠어. 그래서 진동과 함께 화면도 같이 살짝 진동하는 이펙트를 넣으면 좋겠어

안타, 2루타, 홈런 순서로 진동이 강해지고 진동과 함께 화면도 흔들립니다.

선수 이미지

선수 이미지는 VS Code에 연결한 Codex로 직접 만들었습니다. 클로드에게는 어떤 이미지가 필요한지 조건만 정리해 달라고 했어요.

정확히 어떤 이미지가 필요한 건지 말해줘. 내가 만들어서 줄게.

그 결과 투수 동작 6장과 타자 동작 8장으로 나눈 이미지 조건 목록을 받았고, 이 조건대로 Codex에서 14장을 만들었습니다. 만든 이미지를 게임에 넣어 보면서 틀린 부분은 하나씩 짚었어요.

야구선수 손에 방망이가 없고 손 옆에 둥 떠 있잖아. 그리고 지금 등을 보이고 있잖아. 등이 아니라 앞이 보이게 수정해줘.

타자가 뒷모습으로 나왔을 때는 등번호가 들어가는 식으로 엉뚱하게 고쳐지기도 했고, 방향을 짚어 준 뒤에야 앞모습으로 바뀌었습니다. 이미지 조건은 클로드에게 정리받고 제작은 VS Code를 활용했습니다.

이미지 교체 전 사용된 이미지이미지 교체 후 완성된 이미지

오류 수정

지금 문제가 하나 있어. 진루한 주자들이 타자가 삼진되면 모두 없어지는 오류가 있어. 이거 해결해주라

타자가 삼진을 당하면 진루한 주자가 모두 사라지던 오류를 고쳤습니다.

전광판에서 판정이 나오고 나서 게임이 진행이 안 돼

전광판을 넣은 뒤 게임이 첫 판정에서 멈춰서, 멈춘 화면 캡처와 함께 보냈어요. 클로드가 에러를 화면에 직접 표시하는 코드를 넣었고, 다시 보낸 캡처에 원인이 찍혀 나왔습니다.

tick: Cannot set properties of null (setting 'textContent')

나중에 추가한 전광판 코드가 화면 요소를 찾지 못한 것이 원인이었어요. 문제를 언급하자 조속히 해결됐습니다.


재밋 사이트에 반영할 때 보낸 프롬프트

여기부터는 게임을 재밋 사이트에 올리고 다듬을 때 보낸 프롬프트입니다. 재밋 MCP를 연결해 둔 상태기 때문에 게임을 만들던 대화창에서 사이트까지 같이 고쳤어요.

먼저, 사이트에 게임 화면만 나오기를 기대하고 프롬프트를 입력했습니다.

게임 화면 빼고 전부 다 빼줘

재밋 사이트에 기본으로 있던 헤더와 푸터가 빠지고 게임 화면만 남았습니다. 사이트를 고칠 때는 재밋 편집기를 열 필요가 없었습니다.

랭킹 데이터는 재밋에 저장했어요

매일 점수가 높은 3명을 기록하는 랭킹을 넣었습니다.

랭킹 시스템을 도입해서 매일매일 점수 높은 사람 탑3를 기록해 놓는 거야. 근데 그러려면 닉네임이 필요한가? 로그인이 필요한가?

클로드가 정해야 할 것 두 가지를 되물었고 아래처럼 답했어요.

매일 0시에 초기화해줘

순위 기준을 득점으로만 하고 동점이면 홈런 기준으로 더 높은 사람이 올라가게 해주고 홈런도 같으면 같은 순위에 기록해서 넣어줘

랭킹은 매일 0시에 초기화되고, 득점 → 홈런 순으로 순위를 매기며, 둘 다 같으면 같은 순위로 기록됩니다. 이어서 랭킹 데이터를 재밋에 저장해달라고 했어요.

아 그리고 닉네임 넣은 사람 데이터를 재밋 자체 데이터베이스에 연동되게 했으면 좋겠어. 그리고 유저별로 어떤 공을 어떻게 쳤는지에 대한 데이터를 볼 수 있었으면 좋겠어

이 요청으로 재밋 관리자의 데이터 메뉴에 '게임' 그룹이 생기고, 그 안에 일일 랭킹과 투구 기록 시트 두 개가 만들어졌습니다. 재밋 '관리자 화면'에서 좌측 '데이터 → 데이터 관리'에 들어가면 해당 내용을 바로 볼 수 있어요.

관리자 화면에서 확인하는 데이터관리자 화면에서 확인할 수 있는 데이터 시트

시트

쌓이는 데이터

일일 랭킹

닉네임, 득점, 홈런, 플레이 날짜, 기록 시각, 플레이 시간(초), 도달 레벨

투구 기록

경기마다 어떤 공이 왔고 어떻게 쳤는지

게임을 한 사람이 닉네임을 넣으면 한 판의 기록이 한 줄씩 쌓입니다. 따로 데이터베이스를 만들거나 서버를 연결하지 않았고 시트는 재밋 관리자 화면에서 그대로 내보낼 수도 있어요. 게임에 저장 기능을 붙일 때는 "재밋 데이터베이스에 연동해줘"라고 저장 위치만 정해 주면 됩니다.

정리하며

첫 프롬프트 두 문장으로 게임 초안을 만든 뒤, 타자 모션, 마구, 난이도, 전광판, 타격감을 프롬프트로 하나씩 붙였습니다. 확률과 점수 단위처럼 기준을 숫자로 적은 요청은 한 번에 반영됐고, 가장 여러 번 다시 요청한 기능은 선수 이미지였어요. 사이트 반영과 페이지 수정, 랭킹 데이터 저장은 재밋 MCP로 같은 대화창에서 처리했고, 쌓인 기록은 재밋 관리자의 데이터 관리에서 확인할 수 있습니다.

마지막으로

구현하고자 하는 게임을 체계적으로 정리한다면, 프롬프트로 게임을 만들고 재밋 사이트로 옮기는 일은 비교적 용이한 작업이 됩니다. 별도로 입력하지 않아도 아티팩트가 사이트에 자동 저장되고 데이터베이스까지 연동된다는 점이 가장 편했습니다. 역시나 이미지를 선별하는 일이 오래 걸렸으며 중간중간 클로드에서 발생하는 오류가 문제가 됐습니다.

직접 만든 야구 게임은 아래 링크에서 해보실 수 있어요. 야구 게임은 천천히 업그레이드 중입니다.

야구 게임

게임을 만든 순서와 재밋 사이트에 올린 과정은 1편 "클로드로 게임 만들기, 제작부터 사이트 업로드까지"에 있습니다. 이 글의 프롬프트를 참고해서 만들고 싶은 게임이 있다면, 재밋 계정을 만들고 쓰던 AI에 MCP를 연결해 바로 시작해 보세요!


FAQ

Q1. 클로드로 게임을 만들 때 프롬프트는 어떻게 써야 하나요?

원하는 규칙을 숫자로 적는 게 가장 정확합니다. 저는 "광속구 스트라이크 확률 90%", "5점, 10점, 15점 단위로 난이도 상승"처럼 기준을 정해서 보냈고, 이런 요청은 한 번에 반영됐어요.

Q2. 클로드로 만든 게임의 점수를 저장하려면 어떻게 하나요?

저는 재밋 MCP를 연결한 상태에서 "재밋 자체 데이터베이스에 연동되게 했으면 좋겠어"라고 보냈습니다. 재밋 관리자의 데이터 관리에 일일 랭킹과 투구 기록 시트가 만들어졌고 게임을 할 때마다 기록이 쌓였어요.

Q3. 방법을 모르는 기능은 어떻게 요청하나요?

필요한 게 무엇인지 먼저 물어보면 됩니다. 랭킹 시스템을 넣을 때 "닉네임이 필요한가? 로그인이 필요한가?"라고 물었더니 클로드가 정해야 할 항목을 정리해서 되물었습니다.

Q4. 클로드로 만든 게임에서 오류가 나면 뭐라고 보내나요?

어떤 상황에서 무엇이 잘못되는지만 적으면 됩니다. "진루한 주자들이 타자가 삼진되면 모두 없어지는 오류가 있어"처럼 보냈고 화면이 멈췄을 때는 멈춘 화면 캡처를 함께 보냈어요.

이 글이 도움이 됐나요?좋아요와 공유는 다음 글을 쓰는 큰 힘이 됩니다.
WRITTEN BY제이WEVEN 마케팅팀

재밋으로 얻은 경험과 인사이트를 솔직하게 공유하는 글을 작성합니다.

이 글의 태그