https://github.com/nidhiupman568/snake-game
🎉Welcome to my Snake game! 🎉 This project recreates the classic Snake game using HTML 📝, CSS 🎨, and JavaScript 💻 with the HTML5 canvas element 🖼️.
https://github.com/nidhiupman568/snake-game
css front-end-development html interactive-web-design javascript snake-game web-animation web-development
Last synced: about 1 month ago
JSON representation
🎉Welcome to my Snake game! 🎉 This project recreates the classic Snake game using HTML 📝, CSS 🎨, and JavaScript 💻 with the HTML5 canvas element 🖼️.
- Host: GitHub
- URL: https://github.com/nidhiupman568/snake-game
- Owner: nidhiupman568
- Created: 2024-06-06T21:39:24.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-09-06T20:14:21.000Z (6 months ago)
- Last Synced: 2024-11-11T16:27:03.950Z (3 months ago)
- Topics: css, front-end-development, html, interactive-web-design, javascript, snake-game, web-animation, web-development
- Language: JavaScript
- Homepage: https://snake-game-nidhiupman.vercel.app/
- Size: 7.81 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Snake Game 🐍🎮
Welcome to my Snake game! 🎉 This project recreates the classic Snake game using HTML 📝, CSS 🎨, and JavaScript 💻 with the HTML5 canvas element 🖼️.
Project Demo: https://nidhiupman568.github.io/SNAKE-GAME/
## Features ✨
- **Canvas Display**: Utilizes HTML5 canvas for rendering the game graphics 🎨🖼️.
- **Game Loop**: Implements a smooth game loop for continuous gameplay 🔄🎮.
- **Keyboard Controls**: Listens for arrow key presses to control the snake's movement ⌨️⬆️⬇️⬅️➡️.
- **Segment Management**: Uses an array to manage and grow the snake's body segments 🐍➕.
- **Collision Detection**: Checks for collisions with itself and boundaries to trigger game over 🚧💥.
- **Score Tracking**: Keeps track of the player's score as they collect food items 📈🍎.
## How to Play 🎮
1. **Start the Game**: Open `index.html` in your browser 🌐.
2. **Move**: Use arrow keys to navigate the snake ⬅️⬆️⬇️➡️.
3. **Collect Food**: Eat food items to grow the snake and increase your score 🐍🍏📈.
4. **Avoid Collisions**: Don't run into walls or your own tail to avoid game over 🚧❌.
## Getting Started 🚀
1. Clone the repository: `'https://github.com/nidhiupman568/SNAKE-GAME.git'` 📁💻
2. Open the `index.html` file in your browser 🌐.
## Technologies Used 🛠️
- **HTML5** 📝
- **CSS3** 🎨
- **JavaScript** 💻
#### Screenshots (Output) 📸
