game / 2026.06–2026.07
Fatal Funnel — 전술 CQB 브라우저 게임
결정론적 2D 전술 시뮬레이션과 Three.js 렌더러를 결합한 브라우저 CQB 게임입니다. 계획→실행→재계획 루프와 리플레이 검증을 핵심으로 잡았습니다.
게임 설계·시뮬레이션·렌더·QA
Metrics
- 순수 TS deterministic sim core
- seed + command log 기반 replay 구조
- Act 1 캠페인과 미션 생성/검증 흐름
Stack
Links
Problem
전술 게임에서는 순간 액션보다 계획이 읽히고 다시 재현되는지가 중요합니다. 랜덤과 물리가 흔들리면 리플레이와 QA가 함께 무너집니다.
Idea
작은 브라우저 게임을 포트폴리오 대표 사례로 만들면서, 전술 판단과 결정론적 시뮬레이션을 결합하는 방향을 잡았습니다.
Decision
시뮬레이션 코어는 순수 TypeScript로 두고, 고정 tick, seed, 명령 로그로 같은 전투를 다시 재현할 수 있게 했습니다. 렌더링은 Three.js 기반 ortho-tilt 뷰로 분리했습니다.
Outcome
브라우저에서 미션을 계획하고 실행하며, 리플레이 링크와 검증 가능한 command log를 중심으로 게임 루프를 설명할 수 있습니다.
문제
전술 게임은 플레이어가 왜 이겼고 왜 졌는지를 읽을 수 있어야 합니다. 시뮬레이션이 매번 다르게 흔들리면 밸런스 조정, QA, 리플레이 공유가 모두 어려워집니다.
결정
Fatal Funnel은 결정론을 먼저 잡았습니다. 고정 tick, seed, 명령 로그, 순수 시뮬레이션 코어를 두고 렌더러를 분리했습니다. 재미는 우연한 물리보다 계획과 재계획의 선명함에서 나오도록 설계했습니다.
성과
브라우저에서 작전 계획, 무기고, 전투, 디브리핑으로 이어지는 루프를 플레이할 수 있습니다. 리플레이 링크와 검증 구조 덕분에 게임 경험이 QA 가능한 데이터로 남습니다.