3D로 로켓을 커스터마이징하고 발사하는 웹 게임을 만들었습니다. 이름은 Kopollo입니다. Three.js를 사용해서 브라우저에서 바로 플레이할 수 있습니다.
왜 만들었나?
일론 머스크가 챱스틱으로 로켓을 잡는 스페이스엑스 영상을 보고 만들었습니다. 이를 게임화하면 나름 바이럴적 요소나 재미가 있어 유명세를 얻을 수 있지 않을까 하여 만들었습니다.
웹에서 바로 플레이할 수 있게 하려고 Three.js를 선택했습니다. 설치나 다운로드 없이 브라우저에서 바로 게임을 즐길 수 있습니다.
주요 기능
로켓의 각 부분을 자유롭게 커스터마이징할 수 있습니다. 노즈콘, 바디, 엔진, 날개 등을 선택하고 색상을 바꿀 수 있습니다. 각 부품마다 성능이 달라서, 조합에 따라 로켓의 비행 특성이 바뀝니다.
로켓을 커스터마이징한 후 발사 버튼을 누르면 3D로 발사되는 모습을 볼 수 있습니다. 물리 계산을 적용해서 실제 로켓처럼 중력과 추력의 영향을 받습니다.
개발 과정
충돌 로직과 챱스틱 움직이는 것, 그리고 Grok3와 같이 작업했는데 쉽지 않았습니다. GLB 파일을 읽어와서 크기에 맞게 바꾸는 것, 코인 나오게 하는 것, 음향이나 UI 잡는 것 어느 하나 쉬운 게 없었습니다. 일단 했습니다.
Three.js로 3D 환경을 구축하는 것부터 시작했습니다. 기존 GLB 모델을 사용해서 로켓을 구현했습니다. 모델의 실제 크기를 계산해서 목표 높이에 맞게 스케일을 조정하는 로직을 만들었습니다.
물리 계산이 잘못된 부분이 있었습니다. 로켓이 제대로 날아가지 않거나 예상과 다른 방향으로 움직이는 문제가 있었습니다. 중력과 추력의 계산을 여러 번 수정해야 했습니다.
게임 디자인
단순하지만 중독성 있는 게임을 목표로 했습니다. 복잡한 조작법 없이 마우스 클릭만으로 로켓을 커스터마이징하고 발사할 수 있습니다.
로켓 부품을 언락하는 시스템도 추가했습니다. 게임을 플레이할수록 새로운 부품이 해금되어서 계속 새로운 조합을 시도해볼 수 있습니다.
현재 상태
기본적인 로켓 커스터마이징과 발사 기능이 완성되어 있습니다. 웹에서 바로 플레이할 수 있고, 모바일에서도 동작합니다. 여전히 구리지만 앞으로 개선되지 않을까 싶습니다.
친구들이 여러 번 해보면서 처음에 게임 방식에 대해 이해가 안 된다는 애들이 많았습니다. 그런 걸 튜토리얼 형식으로 만들어주는 걸 고민하고 있습니다.
앞으로의 계획
리더보드나 그런 걸로 해서 높은 점수나 이런 걸로 유저들이 겨루게 해서 좀 오랫동안 이 게임을 즐기도록 만들고 싶습니다.
Pieter Levels가 했던 것처럼 비행기 게임에서 했던 것처럼 게임 내부 그런 오브젝트들에 대해 광고를 받아 띄워주는 방식으로도 수익화를 하고 싶습니다.
가능하면 수익화하는 게 좋은데 한국에서는 지금 Stripe도 안 되고 해서 Paddle을 쓸까 생각 중입니다. 팔면 사람들이 살지 모르겠지만 혹시 모르니까 준비해야겠습니다.
구글 애드센스도 통과되면 전면 광고나 보상형 광고 같은 거 넣어야지. 앱 출시 가능성도 열어두긴 하는데 해보니까 조작이 쉽지 않긴 했습니다.
Kopollo 게임을 직접 플레이해보고 싶다면 Kopollo 페이지를 확인해보세요.