SIDEPLAY
모였으면, 한 판 하자.
모바일과 PC에서 같은 방에 접속해 3D 피구와 보드게임을 함께 즐기는 멀티플레이 웹게임.
- 기간
- 2026.09 – 2026.11
- 분류
- 멀티플레이 게임
- 기술
- TypeScript, Babylon.js, Node.js, WebSocket, Vite
- 코드
- github.com/wooinwoo/cleaver-arena
Why
친구와 초대 링크로 만나 바로 게임을 시작하는 공용 로비입니다. 실시간으로 움직이는 3D 피구와 차례대로 진행하는 보드게임을 같은 입장·준비·재접속 흐름으로 연결했습니다. PC와 모바일 참가자가 같은 방에서 플레이합니다.
Decisions
판정은 서버에서, 조작은 각 기기에서
서버가 게임 상태와 판정을 관리하고 WebSocket으로 참가자에게 전달합니다. PC의 마우스·키보드와 모바일의 터치 조작이 같은 경기로 이어집니다.
게임 규칙과 방의 수명을 분리
턴제 게임의 상태 생성과 행동 처리는 순수 함수로 두고, 초대·준비·재접속·재경기는 공통 방 서버에서 처리합니다. 새 게임을 추가할 때도 방 관리 코드를 다시 만들지 않습니다.
보이는 정보도 게임 규칙의 일부
인디언포커의 자기 카드와 남은 덱, 예약 카드 같은 비공개 정보는 참가자별 응답에서 숨깁니다. 규칙 테스트와 두 브라우저의 상태 동기화·재접속 테스트로 확인합니다.