바이브코딩으로 도자기 게임을 만들어봤음
I vibecoded a pottery game
핵심 요약
Claude Opus 5를 활용해 three.js 기반의 도자기 제작 게임을 개발하고 오픈소스로 공개함.
- 게임 개발 방식 — 모든 그래픽과 텍스처를 절차적으로 생성한 three.js 기반 프로젝트임
- 비용 효율성 — 캐싱 기술을 활용해 23억 개의 토큰을 효율적으로 사용하여 개발 비용을 절감함
- 게임 콘텐츠 — 24개의 캠페인 미션과 자유로운 창작이 가능한 크리에이티브 모드를 제공함
- 오픈소스 공개 — 깃허브를 통해 소스 코드를 공개했으며 태블릿에서도 플레이 가능함
다들 안녕! three.js로 만드는 데모 게임 시리즈 계속 이어간다. 이번에는 게임 내 모든 걸 절차적으로 생성하던 방식에서 살짝 벗어나서, CC0 사운드들을 좀 추가해 봤어.
그래픽이랑 텍스처는 여전히 전부 절차적으로 생성한 거고, 애초에 three.js로 다 때려 박은 거라 3D 에셋 같은 건 하나도 안 썼음.
게임은 24개 미션으로 구성된 캠페인 모드가 있고, 원하는 대로 만들 수 있는 크리에이티브 모드도 있어.
전부 Opus 5 Ultra Code 모드로 만들었음. 정확한 가격은 말 못 하지만, API 가격 기준으로 대충 계산해 볼게. (난 MAX x20 구독으로 다 돌리는 중임.)
토큰 및 가격 (API로 만들었을 경우):
Raw 토큰: 2.34B
Claude가 작성한 양: 7.13 M
캐시에서 읽어온 비율: 98.1%
Opus 5 요금: 입력 $5, 출력 $25 (백만 토큰당); 캐시 쓰기 ×1.25 = $6.25, 캐시 읽기 ×0.1 = $0.50.
캐싱 안 했을 경우: 똑같은 23.4억 토큰이면 $11,850.91 깨졌을 텐데, 캐시 덕분에 $10,290(86.8%) 아꼈다.
그래픽은 원래 그림자나 반사 효과 넣어서 리얼하게 만들려고 했는데, 그냥 좀 더 아기자기하고 포근한 느낌으로 바꿨음.
게임은 오픈소스임: github.com/winchxyz/celadon
태블릿도 지원하니까 깃허브 페이지 들어가서 아이패드로도 바로 플레이 가능함.
추신.
원래는 핸드 트래킹 실험도 같이 하려고 했는데, 지금까지는 완전 망했음. 나중에 카메라로 핸드 트래킹 하는 도자기 빚기 게임이나 다른 장르로 다시 도전해 볼지도 모르겠네.



