개발 블로그

Escape from Dogkov를 만들면서 겪은 기술적 도전과 해결 과정을 공유합니다. HTML5 Canvas, Socket.io, Node.js 등 브라우저 게임 개발에 관심 있는 분들에게 도움이 되길 바랍니다.

Canvas 2D API로 60fps 게임 루프를 구현하고, 탑뷰 FPS의 핵심인 카메라 추적, 충돌 처리, 렌더링 파이프라인을 설계한 과정을 정리했습니다.

WebSocket 기반 실시간 동기화, 서버 권위 모델(Server Authority), 입력 처리와 상태 브로드캐스트 구조를 설계한 경험을 공유합니다.

36칸 그리드 인벤토리, 장비 슬롯, 드래그 앤 드롭, 아이템 등급 시스템까지. 브라우저에서 Tarkov 느낌의 인벤토리를 만든 방법을 소개합니다.

정찰, 경계, 어그로 3단계 상태 머신으로 동작하는 스캐브 AI를 구현했습니다. 시야 판정, 어그로 전파, 탈출 시 돌격 모드까지의 설계를 다룹니다.

FPS의 핵심 요소인 시야 제한과 안개 전쟁(Fog of War)을 Canvas 2D로 구현한 방법. 레이캐스팅, globalCompositeOperation, 그라데이션 마스크 기법을 소개합니다.

7종 무기별 반동 패턴, 연사/점사/단발 발사 모드, ADS 조준 시 반동 감소까지. 총기 시스템의 수치 설계와 구현 과정을 상세히 정리했습니다.

Express + Socket.io 기반 게임 서버의 틱 루프, 룸 시스템, 세션 관리, 재접속 처리까지. 서버 아키텍처 설계와 성능 최적화 과정을 공유합니다.

Docker 멀티스테이지 빌드, Fly.io 설정, WebSocket 연결 유지, 도쿄 리전 배포까지. 브라우저 게임을 실제 서비스로 올리는 과정을 정리했습니다.