Lucky Dice
A real-time multiplayer 3D dice game built with React19, Three.js (React Three Fiber), and Rapier physics, featuring WebRTC peer-to-peer networking via PeerJS.
01/04/2025
45 days
Project Overview
Lucky Dice is a real-time multiplayer 3D dice game built with React19, Three.js (React Three Fiber), and Rapier physics, featuring WebRTC peer-to-peer networking via PeerJS.
Key Features
- Realistic 3D Dice: Physics-simulated dice rolling with Rapier
- Peer-to-Peer Multiplayer: WebRTC via PeerJS for direct connections
- React Three Fiber: Declarative 3D scene management
- Multiple Game Modes: Various dice game variations
- Cross-Platform: Works on desktop and mobile browsers
Technical Architecture
- Frontend: React 19 + TypeScript + Vite
- 3D Engine: React Three Fiber (Three.js)
- Physics: Rapier.js for dice simulation
- Networking: WebRTC P2P via PeerJS
- Styling: Tailwind CSS v4
Development Highlights
- Deterministic physics simulation for fair gameplay
- Connection state management for P2P reliability
- Optimized 3D rendering for smooth dice animation
- Reconnection handling for network interruptions