https://yachtdicegame.netlify.app
Nintendo Switch의 '51 Worldwide Games'에 포함된 Yacht Dice 게임을 React로 구현했습니다.
게임의 12가지 규칙을 코드로 구현했으며, 반응형으로 작동합니다.
유튜브 '침착맨'의 영상을 보고 게임이 재미있어 보여서 프로젝트에 착수했고,
코드 레퍼런스 없이 직접 게임 로직을 구현해보기로 했습니다.
I implemented the Yacht Dice game from Nintendo Swich's 51 worldwide games in React.
I implemented the 12 rules of the game in code and it works responsively.
I designed the project after watching the Calm Down Man(침착맨)’s Youtube and thought the game looked fun, so I created it without any code references.
STACKS / FEATURE
- Firebase - 계정 인증 및 점수 기록, 랭킹 경쟁 기능 / 실시간 1:1 온라인 대전 기능 / 연결 표시 기능
- Howler.js - 배경 음악 추가, 클릭 효과음, 뮤트 모드, 로컬 스토리지에 저장 기능
- Metal UI - 기기의 다크 모드 상태 반영 및 로컬 스토리지에 저장 기능
- ios-pwa-prompt - iOS에서 첫 페이지 방문 시 PWA 설치 유도
- 사용자 행동 추적을 위한 Amplitude와의 통합
- Firebase - Account authentication and score recording, ranking competition function / real-time 1:1 online battle function / connection display function
- Howler.js - add background music, click sound effects, mute mode, save to local storage
- Metal UI - Reflect device dark mode status and save to Local Storage
- ios-pwa-prompt - Prompt users to install PWA on first page visit on iOS
- Integrate with Amplitude to track user actions
ETC.
- Garage Band - BGM 및 사운드 효과 생성
- Blender - 주사위 모델링
- Garage Band - Creating BGM and Sound Effects
- Blender - Dice Modeling