hwankee@pulppixel:~/portfolio
3d-world
cat ~/portfolio/projects/frenzy-circle.md
back (esc)
PROJECT

Nine to Six (Frenzy Circle)

3인

TON 생태계 레퍼런스에 맞춰 텔레그램(WebGL) 환경에서 구동되는 미니게임을 처음부터 설계했습니다. 텔레그램 계정 로그인과 일·주·월간 랭킹 시스템을 구현했습니다.

2024.06 - 2024.10
역할: 게임 로직 개발 : 3인 (클라이언트, 백엔드, 아트) 미니게임 하러 가기
# 배경

코인 P2E를 목적으로 한 프로젝트입니다. 당시 TON 생태계에서는 텔레그램 웹앱(TWA) 미니게임이 유저 유입의 표준 레퍼런스였고, 거기에 맞춰 텔레그램 안에서 바로 실행되는 게임을 만들기로 했습니다. 팀은 3인(클라이언트·백엔드·아트)이었고, 저는 클라이언트 개발과 함께 게임 기획을 주도했습니다. 회전하는 원 위에서 검정 부분을 밟으면 게임 오버가 되는 핵심 룰과 밸런싱을 처음부터 설계했습니다.

엔진은 Unity WebGL을 택했습니다. 이 규모의 미니게임이면 JS 캔버스로도 만들 수 있었지만, 팀이 가장 빠르게 결과물을 낼 수 있는 스택이 Unity였고 TON 생태계 성공 사례들의 선례와도 맞았습니다.

Nine to Six - 회전하는 원에서 검정 부분을 피하며 점프하는 게임플레이. 페페 밈 테마 적용
# 제약과 대응 - 텔레그램 웹뷰 위의 WebGL

빠른 선택의 대가는 실행 환경에서 치렀습니다. 텔레그램 웹뷰에서 도는 Unity WebGL은 초기 로딩과 모바일 브라우저의 메모리 한계가 그대로 병목이라, 빌드 사이즈를 줄여 로딩을 버틸 수 있는 수준으로 만들고 저사양 기기의 메모리 안에서 동작하도록 최적화했습니다. 텔레그램 웹뷰의 특수성은 .jslib JS interop으로 대응했습니다. 텔레그램 로그인을 직접 연결해, 별도 회원가입 없이 텔레그램 계정으로 바로 진입하도록 만들었습니다.

# 리텐션 설계 - 랭킹과 테마

P2E 게임은 한 번 플레이하고 끝나면 의미가 없어서, 다시 찾아올 이유를 시스템으로 만들었습니다. 일간·주간·월간 랭킹을 구현해 보상 로직과 연동하고, 코인 생태계의 밈 감성에 맞춘 테마 시스템을 적용했습니다. UI와 테마는 디자이너의 Figma 자료를 토대로 개발했습니다.

# 협업과 결과

서버 개발자와 함께 AWS 기반으로 업데이트 적용과 배포를 진행했습니다. 게임은 텔레그램에서 출시됐고, 이후 서비스는 종료되었습니다.