Show GN: BlockStorm - 글로벌 랭킹과 실시간 리더보드를 갖춘 웹 기반 미니게임
(blockstorm.h3me.xyz)BlockStorm - 브라우저에서 즐기는 미니게임
9살, 6살 아들들과 함께 놀려고 만든 미니게임입니다.
왜 만들었나요?
- 아이들이 테트리스를 좋아하는데, 앱 설치 없이 브라우저에서 바로 플레이하고 싶었어요
- "아빠보다 점수 높다!" 하면서 경쟁하는 걸 보고, 글로벌 순위 시스템을 넣어주고 싶었습니다
- 짬짬이 바이브 코딩으로 만들다 보니 생각보다 괜찮은 게임이 나왔네요
어떤 기능이 있나요?
- 글로벌 리더보드: 일간/주간/월간/전체 순위 확인 가능
- 부정행위 방지: Supabase로 서버 검증해서 점수 조작 불가
- 로그인 없이 바로 플레이: 디바이스 기반 자동 인증
기술적으로는
- Vanilla JS + CSS3로 심플하게 구현 (프레임워크 없이)
- Supabase (PostgreSQL + RLS)로 백엔드 구성
- PostgreSQL Functions으로 점수 검증
- 모바일/태블릿/데스크탑 모두 지원
바이브 코딩으로 틈틈이 만들다 보니, 아이들 학습용으로 시작했는데 나름 제대로 된 게임이 되었네요.
지금 바로 플레이해보세요: [게임 URL]