Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/vgvr0/modern-snake-game-python-web
- Owner: vgvr0
- Created: 2024-10-24T18:15:26.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-24T18:19:32.000Z (3 months ago)
- Last Synced: 2024-11-26T08:08:26.837Z (2 months ago)
- Topics: game, html5-canvas, python, responsive-design, sanke-game
- Language: HTML
- Homepage:
- Size: 98.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🐍 Modern Snake Game | Python & Web
![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)
---