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/
- 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 ๐๐.
- Start the Game: Open
index.html
in your browser ๐. - Move: Use arrow keys to navigate the snake โฌ ๏ธโฌ๏ธโฌ๏ธโก๏ธ.
- Collect Food: Eat food items to grow the snake and increase your score ๐๐๐.
- Avoid Collisions: Don't run into walls or your own tail to avoid game over ๐งโ.
- Clone the repository:
'https://github.com/nidhiupman568/SNAKE-GAME.git'
๐๐ป - Open the
index.html
file in your browser ๐.
- HTML5 ๐
- CSS3 ๐จ
- JavaScript ๐ป