🎮 FruitSpinner 개발일지 #3 — 게임의 뼈대를 세우다

1편에서 아이디어를 잡고, 2편에서 AI와 함께 개발 방향을 정했다면, 이번 3편은 실제 게임의 뼈대가 되는 핵심 시스템들을 구현한 이야기다. 육각형 격자, 보드 회전, 매칭 판정까지 — 게임이 게임다워지는 순간들이었다.

🍎 육각형 격자라는 선택

1편에서 잠깐 언급했지만, 원형 배치에서 육각형 격자로 바꾼 건 이 프로젝트의 가장 중요한 기술적 결정이었다.

원형 배치의 문제는 단순하다. 바깥 링으로 갈수록 같은 링 내 과일 사이 간격이 벌어진다. 안쪽은 빽빽한데 바깥은 듬성듬성. 이웃 판정도 어려워지고 보기에도 어색하다.

육각형 격자(Hex Grid)는 이 문제를 깔끔하게 해결한다. 모든 과일이 정확히 6개의 이웃과 동일한 거리를 유지한다. 벌집 구조와 같은 원리다.

육각형 격자를 코드로 다루려면 좌표 시스템이 필요하다. 일반적인 x, y 대신 큐브 좌표(q, r, s)를 사용했다. 세 값의 합이 항상 0이 되는 제약 조건이 있어서, 이웃 찾기와 거리 계산이 단순한 덧뺄셈으로 해결된다.

이웃을 찾을 때 거리 기반으로 하면 회전할 때 문제가 생긴다. 타원형 탐색도 고려해봤지만, 판이 회전하면 타원 방향도 같이 돌아야 해서 복잡해진다. 결국 격자 좌표 기반으로 이웃을 명시적으로 지정하는 방식이 가장 안정적이었다.

버블 스피너의 핵심은 회전이다. 과일을 발사할 때마다 충돌 지점에 따라 보드 전체가 회전한다. 이게 단순한 퍼즐을 전략 게임으로 만드는 요소다.

구현 자체는 Canvas의 translate + rotate로 어렵지 않다. 문제는 회전 후에도 과일 이모지가 똑바로 보여야 한다는 점이다. 육각형 배경은 판과 함께 회전하되, 위에 올라가는 이모지는 역방향으로 회전을 상쇄시켜서 항상 정면을 향하게 했다.

같은 과일 3개 이상이 연결되면 터지는 로직. BFS(너비 우선 탐색)로 같은 색 이웃을 타고 가면서 그룹을 찾고, 3개 이상이면 매칭 성공이다.

여기에 "떠있는 과일" 판정도 필요하다. 매칭으로 과일이 사라지면, 중심축과 연결이 끊어진 과일 그룹이 생길 수 있다. 이것도 BFS로 중심에서 도달 가능한 과일을 찾고, 도달 불가능한 것들은 떨어뜨린다.

초기에는 중앙에도 과일이 있었다. 그런데 "센터는 과일이면 안 되고, 회전판의 중심축처럼 표현해야 할 것 같다"는 생각이 들었다. 중심축을 제외한 모든 과일을 없애면 승리. 이 규칙이 게임의 목표를 명확하게 만들어줬다.

과일을 어디로 발사할지 보여주는 점선 궤적선을 추가했다. 벽에 반사되는 경로까지 미리 보여줘서, 플레이어가 전략적으로 쏠 수 있게 했다. 기본 활성화 상태로 두고, 숙련자를 위해 끌 수 있는 옵션도 고려했다.

과일이 터진 후 벌어지는 일, 바로 주스 만들기 시스템에 대해 다룰 예정이다. 매칭된 과일이 파이프로 빨려 들어가고, 갈려서 주스가 되는 4단계 파이프라인 이야기.