Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vgvr0/modern-snake-game-python-web

A modern implementation of the classic Snake game with a beautiful glassmorphism UI, built with Python Flask and HTML5 Canvas. Features real-time scoring, smooth animations, and responsive design.
https://github.com/vgvr0/modern-snake-game-python-web

game html5-canvas python responsive-design sanke-game

Last synced: 10 days ago
JSON representation

A modern implementation of the classic Snake game with a beautiful glassmorphism UI, built with Python Flask and HTML5 Canvas. Features real-time scoring, smooth animations, and responsive design.

Awesome Lists containing this project

README

        

# 🐍 Modern Snake Game | Python & Web


Snake Game Preview

![Python](https://img.shields.io/badge/Python-3.7+-blue.svg)
![Flask](https://img.shields.io/badge/Flask-2.0+-green.svg)
![License](https://img.shields.io/badge/License-MIT-yellow.svg)

A modern implementation of the classic Snake game using Python Flask for the backend and HTML5 Canvas for the frontend. Features a sleek, responsive design with glassmorphism UI elements and smooth animations.

[Ver en Español](#español)

## ✨ Features

- 🎮 Classic Snake gameplay with modern graphics
- 🎯 Real-time score tracking with high score system
- 🎨 Beautiful glassmorphism UI design
- 📱 Responsive web interface
- ⌨️ Multiple control options (Arrow keys or WASD)
- 🌈 Gradient snake design with smooth animations
- 🏆 High score tracking
- 🔄 Instant restart functionality

## 🚀 Quick Start

1. Clone the repository:
```bash
git clone https://github.com/yourusername/modern-snake-game.git
cd modern-snake-game
```

2. Install dependencies:
```bash
pip install flask
```

3. Run the game:
```bash
python app.py
```

4. Open your browser and go to:
```
http://localhost:5000
```

## 🎮 How to Play

- Use Arrow keys or WASD to control the snake
- Eat the red food to grow and score points
- Avoid hitting the snake's body
- Press R or click "New Game" to restart
- Try to beat your high score!

## 🛠️ Technical Stack

- **Backend**: Python Flask
- **Frontend**: HTML5, CSS3, JavaScript
- **Graphics**: HTML5 Canvas
- **Styling**: Modern CSS with animations
- **Architecture**: Client-server model with REST API

## 📁 Project Structure

```
modern-snake-game/
├── app.py # Flask backend server
├── templates/
│ └── index.html # Frontend game interface
├── README.md # Documentation
└── LICENSE # MIT License
```

## 🤝 Contributing

Contributions are welcome! Feel free to:

1. Fork the repository
2. Create a feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

## 📜 License

This project is licensed under the MIT License - see the LICENSE file for details.

## 🌟 Acknowledgments

- Inspired by the classic Nokia Snake game
- Modern UI design principles
- Flask framework documentation
- HTML5 Canvas API

---

# Español

## 🐍 Juego de la Serpiente Moderno

Una implementación moderna del clásico juego de la serpiente usando Python Flask para el backend y HTML5 Canvas para el frontend. Cuenta con un diseño elegante y responsivo con elementos de interfaz tipo glassmorphism y animaciones suaves.

### Características Principales

- 🎮 Jugabilidad clásica con gráficos modernos
- 🎯 Seguimiento de puntuación en tiempo real
- 🎨 Diseño de interfaz con efecto cristal
- 📱 Interfaz web responsiva
- ⌨️ Múltiples opciones de control
- 🌈 Diseño de serpiente con gradientes
- 🏆 Sistema de puntuación máxima
- 🔄 Función de reinicio instantáneo

[Ver instrucciones de instalación en inglés arriba](#-quick-start)

---