A modern multiplayer snake game built with HTML5 Canvas, WebSocket, and Tailwind CSS. Features real-time multiplayer gameplay, chat system, customizable skins, and power-ups.
- Real-time multiplayer gameplay
- In-game chat system
- Customizable snake skins
- Power-up items
- Responsive design
- Leaderboard system
- Virtual currency system
- HTML5 Canvas for game rendering
- RequestAnimationFrame for smooth animation
- Collision detection system
- Grid-based movement system
- WebSocket for real-time communication
- Room-based multiplayer system
- Player state synchronization
- Real-time chat functionality
-
Snake Movement
- Grid-based movement system
- Direction control using arrow keys
- Collision detection with walls and other players
-
Power-ups
- Speed boost
- Shield protection
- Score multiplier
- Size reduction
-
Scoring System
- Points for collecting food
- Bonus points for power-ups
- Virtual currency rewards
- Frontend: HTML5, CSS3, JavaScript
- Styling: Tailwind CSS
- Backend: Node.js
- Real-time: WebSocket
- Deployment: Docker & Github Action & Render（free instance will spin down with inactivity, which can delay requests by 50 seconds or more.）
npm install
npm run dev
npm run build