🐍 Multiplayer Snake Game

A modern HTML5 multiplayer Snake game with AI opponents, built with vanilla JavaScript and ES6 modules.

🎮 Features

• Multiplayer: 1 player vs 3 AI opponents
• Modern Graphics: HTML5 Canvas with smooth animations
• AI System: Intelligent AI with pathfinding algorithms
• Responsive Design: Centered game view with window alignment
• Real-time Gameplay: 60 FPS rendering with optimized performance
• Visual Effects: Glowing snakes, animated apples, and smooth animations

🚀 Play Online

Play the Game

🎯 How to Play

• Use Arrow Keys or WASD to control your snake (green)
• Eat red apples to grow and increase your score
• Avoid walls, your own tail, and other snakes
• Survive longer than the AI opponents to win!
• Game ends when only one snake remains or time runs out

🏗️ Architecture

Game Structure

├── index.html           # Main game page
├── css/
│   └── styles.css       # Game styling
└── js/
    ├── main.js          # Application entry point
    ├── engine/          # Core game engine
    │   ├── GameEngine.js    # Main game coordinator
    │   ├── GameState.js     # Game state management
    │   └── GameLoop.js      # Frame-based game loop
    ├── entities/        # Game objects
    │   ├── Snake.js         # Base snake class
    │   ├── PlayerSnake.js   # Human player
    │   └── AISnake.js       # AI opponent
    └── systems/         # Game systems
        ├── Renderer.js      # Canvas rendering
        ├── InputSystem.js   # Input handling
        ├── AISystem.js      # AI decision making
        ├── CollisionDetector.js # Physics
        └── AppleManager.js  # Food spawning

Technical Features

• ES6 Modules: Modern JavaScript architecture
• Canvas 2D API: High-performance rendering
• Object-Oriented Design: Clean, maintainable code structure
• Pathfinding AI: Smart AI opponents with strategic behavior
• Responsive Layout: Automatic window centering and scaling

🛠️ Local Development

1. Clone the repository:

   git clone https://github.com/ayggdrasil/multiplayer-snake-game.git
   cd multiplayer-snake-game

2. Start a local server:

   # Using Python
   python3 -m http.server 8080
   
   # Using Node.js
   npx serve .
   
   # Using PHP
   php -S localhost:8080

3. Open your browser: Navigate to http://localhost:8080

🎨 Game Specifications

• Map Size: 32×32 grid (1,024 cells)
• View Size: 55% of canvas for optimal gameplay
• Game Duration: 5 minutes maximum
• Frame Rate: 60 FPS rendering, 10 FPS game logic
• Players: 1 human + 3 AI opponents

🏆 Game Rules

1. Victory Conditions:

   • Last snake alive wins
   • Highest score when time expires

2. Death Conditions:

   • Hit wall boundaries
   • Hit your own tail
   • Head-to-head collision (smaller snake dies)
   • Head-to-body collision

3. Scoring:

   • +1 point per apple eaten
   • Longer survival = better ranking

🤖 AI Features

• Pathfinding: A* algorithm for optimal apple collection
• Collision Avoidance: Smart obstacle detection
• Strategic Positioning: Corner-based starting positions
• Adaptive Difficulty: AI scales with game progression

📱 Browser Support

• Chrome/Chromium 60+
• Firefox 55+
• Safari 12+
• Edge 79+

🔧 Configuration

Game settings can be modified in js/engine/GameState.js:

• Map dimensions
• Game speed
• Timer duration
• Visual effects

📄 License

MIT License - feel free to fork and modify!

🤝 Contributing

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Test thoroughly
5. Submit a pull request

🎯 Future Enhancements

• Online multiplayer support
• Power-ups and special abilities
• Customizable snake skins
• Leaderboard system
• Mobile touch controls
• Sound effects and music

---

Built with ❤️ using vanilla JavaScript and HTML5 Canvas