r/ClaudeAI•2개월 전•173•62
Claude로 100% '바이브코딩'해서 만든 130장 이상의 멀티플레이어 CCG
100% Vibecoded a 130+ card multiplayer CCG in the browser
핵심 요약
모바일 개발자가 Claude를 활용해 웹 브라우저 기반 멀티플레이어 카드 게임을 개발한 경험을 공유했습니다.
- 개발 도구 — Claude Code, Opus 4.8, Fable, Colyseus 등을 활용함
- 게임 특징 — 130개 이상의 카드와 4개 진영으로 구성된 포스트 아포칼립스 CCG
- 개발 과정 — 3개월간 주당 5~6일, 하루 2~3시간씩 투자하여 완성함
- 개발자 조언 — 바이브코딩만으로도 가능하지만 기본 지식이 있어야 문제 해결이 수월함
나는 원래 모바일 개발자인데, 이번에 제대로 된 웹 프로젝트를 처음 해보면서 순수하게 바이브코딩(vibecoding)으로 어디까지 가능한지 확인해보기로 했어. 결론: 놀랍게도 끝까지 가능하더라.
Boomstick City는 브라우저에서 무료로 즐길 수 있는 멀티플레이어 카드 게임이야. 포스트 아포칼립스 배경으로, 세상이 멸망한 뒤 살아남은 동네 주민회와 노조화된 철거반을 생각하면 돼. 130장 이상의 카드, 4개의 진영, 그리고 레이스 형식을 갖췄어. 15점을 먼저 얻는 사람이 승리하는데, 전투에서 이기거나 적의 필드가 비었을 때 중앙 목표를 습격해서 점수를 얻는 방식이야. 다운로드 필요 없이 바로 플레이 가능해.
기술 스택:
- Claude Code를 전체 빌드 드라이버로 사용
- Opus 4.8을 코딩에 사용
- Fable을 감사 및 체크용으로 사용
- Colyseus를 멀티플레이어 서버로 사용
- GPT를 카드 아트 생성에 사용
- ElevenLabs를 음성 생성에 사용
특히 밸런스에 대한 피드백을 정말 받고 싶어. 카드 밸런스 잡는 데 시간이 엄청 걸렸거든. 처음에는 각 '지구'(플레이 가능한 필드)마다 다른 효과를 주려고 했는데 너무 빨리 복잡해지더라고. 그래서 그건 나중에 시도해볼까 해.
추신: 레딧을 위한 카드도 하나 만들었어. 설정(Settings) -> 코드 교환(Redeem Code) -> "REDDIT" 입력해봐.
"The Red It" 카드를 얻을 수 있어.
다들 미리 고마워!
