이 앱은 “틀”과 “게임”으로 나뉘어 있어요
게임을 바꿔도 QR 접속·방 만들기·통신·순위 발표는 그대로예요. 바꿀 곳은 게임 폴더 하나뿐입니다.
그대로 두는 틀
- 📱 QR로 접속 → 닉네임·캐릭터 고르기
- 🚪 방 만들기·방 고르기 (한 방 최대 6명)
- 🪑 대기실 · 방장만 시작
- 📡 폰끼리 주고받는 통신
- 🏆 카운트다운 · 순위 발표
내가 만드는 게임
- 🎮 놀이 규칙 (engine.ts)
- 🖐️ 조작과 화면 (Battle.tsx)
- 🧑🎓 혼자 연습 화면 (Solo.tsx)
- 🔍 친구 화면의 작은 그림 (MiniView.tsx)
- 📋 게임 설명서 (index.tsx)
틀과 게임은 딱 네 가지로만 이야기해요
handle.reportView(그림, 점수)— 내 상황을 친구들에게 알리기handle.sendAction(행동)— 친구에게 행동 보내기 (예: 방해 줄)handle.reportOut(점수)— 내가 탈락했다고 알리기handle.onAction(받는 함수)— 친구가 보낸 행동 받기
이 네 가지만 쓰면 Supabase나 채널 같은 건 몰라도 대전이 굴러가요.
지금 들어 있는 게임 1개
- 🧱 블록 배틀 — 줄을 지워 친구에게 방해 줄을 보내요
src/games/blocks/지금 사용 중
새 게임은 같은 모양의 폴더를 만들고 src/games/index.ts 목록에 등록한 뒤, src/games/config.ts의 ACTIVE_GAME_ID를 새 게임의 id로 바꾸면 끝이에요.