Rabbit Hole에 오신 것을 환영합니다
Rabbit Hole은 모험가 토끼와 함께 끝없이 깊은 굴을 파고 내려가는 3D 캐주얼 러너입니다.
설치도 회원가입도 없이 브라우저에서 바로 플레이할 수 있어요.
어떤 게임인가
주인공은 모험가 토끼 모카예요.
모카는 터널 바닥이 아니라 둘레 어디든 달릴 수 있어서, 벽을 따라 빙 돌며 장애물을 피합니다.
규칙은 단순해요.
당근을 모아 점수를 올리고, 바위와 뿌리를 피하고, 하트 세 개가 다 닳기 전까지 얼마나 깊이 내려가는지에 도전합니다.
내려갈수록 속도가 붙어서 같은 굴이라도 초반과 후반은 전혀 다른 게임이 돼요.
조작은 세 개뿐입니다.
좌우 이동과 점프.
키보드는 화살표(또는 A/D)와 스페이스, 모바일은 화면 아래에 나타나는 좌·점프·우 버튼 세 개로 조작해요.
무엇을 하게 되나
- 콤보 — 2초 안에 당근을 이어 먹으면 점수 배수가 최대 ×5까지 오릅니다
- 오늘의 굴 — 매일 모두에게 똑같은 지형이 열려서, 같은 맵으로 순위를 겨룹니다
- 굴 세 종류 — 흙굴·수정 동굴·밤하늘 달빛 굴. 색만 다른 게 아니라 속도와 중력이 다릅니다
- 꾸미기와 업그레이드 — 모은 코인으로 털색·액세서리를 사거나 능력을 영구 강화합니다
이 블로그에는
게임을 만드는 과정을 기록합니다.
3D 모델 없이 코드로 토끼를 빚은 이야기, 물리 엔진 없이 손맛을 만든 방법, 그 과정의 삽질들이요.
크게 세 갈래예요.
리빌드 이야기 — 구버전이 왜 게임이 아니었는지 진단하고, 기준을 다시 세워 갈아엎은 과정입니다. 구버전 진단 · 재설계 방향 · Before / After
만드는 법 — 실제 코드와 수치로 정리한 기술 글입니다. 코드로 토끼 빚기 · 절차적 애니메이션 · 툰 셰이딩 · 아케이드 이동과 점프 · 충돌과 터널링 · 끝없이 휘는 터널 · 프레임 드랍 잡기 · 서버리스 리더보드
공략 — 점수를 올리고 더 깊이 내려가는 법입니다. 고득점의 원리 · 콤보 유지 · 구간별 생존 · 트램폴린과 회중시계 · 오늘의 굴 · 코인과 꾸미기
토끼와 굴 이야기 — 게임의 설정이 어디서 왔는지에 대한 글입니다. 토끼는 왜 굴을 팔까 · 땅속에 사는 동물들 · 토끼는 정말 당근을 좋아할까 · 문화 속 토끼와 '토끼굴'의 유래
기술 글에는 효과음 파일 0개로 소리 합성하기와 React 19 마이그레이션도 있습니다.
어디서부터 읽으면 좋을까
글이 스무 편이 넘다 보니 순서가 있으면 편할 것 같아 정리해 뒀어요.
관심사에 따라 갈래가 다릅니다.
게임을 방금 해보고 온 사람이라면 — 고득점의 원리부터 보세요.
점수가 어디서 얼마나 나오는지 표로 정리돼 있어서, 다음 판이 바로 달라집니다.
그다음은 콤보 유지, 그리고 매일 할 생각이라면 오늘의 굴까지.
이 세 편이면 공략은 거의 다 본 셈이에요.
어떻게 만들었는지가 궁금하다면 — 구버전 진단에서 시작하는 걸 권합니다.
무엇이 잘못됐는지를 먼저 보고 나면 뒤의 기술 글들이 "왜 그렇게 했는지"로 읽혀요.
순서는 진단 → 재설계 방향 → Before / After입니다.
3D 웹을 직접 만들어 보려는 사람이라면 — 코드로 토끼 빚기와 끝없이 휘는 터널이 가장 실용적일 거예요.
에셋 없이 형태를 만드는 법과, 무한 지형을 몇 조각으로 재활용하는 법입니다.
성능 문제를 겪고 있다면 프레임 드랍 잡기를 먼저 보세요 — useFrame 안에서 하지 말아야 할 것들이 정리돼 있습니다.
게임보다 토끼가 궁금하다면 — 토끼는 정말 당근을 좋아할까가 가장 실용적인 글이에요.
토끼를 키우는 사람에게 도움이 될 만한 내용이 들어 있습니다.
이 블로그를 쓰는 이유
만드는 과정을 남기지 않으면 같은 문제를 두 번 푼다는 걸 몇 번 겪고 나서 시작했어요.
프레임이 왜 떨어졌는지, 왜 그 방식을 버렸는지를 적어두지 않으면 반년 뒤의 내가 처음부터 다시 헤맵니다.
그래서 이 글들은 "이렇게 하세요"보다 "이렇게 해봤더니 이랬다"에 가까워요.
실패한 시도와 되돌린 결정도 그대로 적습니다.
완성된 결과만 정리한 글보다, 어디서 막혔는지가 적힌 글이 저한테 더 도움이 됐거든요.
이 게임은 혼자 만드는 사이드 프로젝트예요.
플레이하다 떠오른 의견이나 버그 제보는 언제든 문의로 보내주시면 큰 힘이 됩니다.