ismaelai/snake-vanilla.js

The aim of this repository is create a game as work for the class.

Snake Game

What is it?

This is my classic snake game built in a class project. It took me up to 8 days to complete it all the steps that I've had already pseudocoded beforehand to start working on it. I faced many challenges and victories in my very first project as programmer.

Technologies

-HTML5 -CSS -JAVASCRIPT

How to install

-Clone or download the repository -Open the index.html in your browser.

(CLICK THIS LINK) https://ismaelai.github.io/the-game/

How to Play

Use your cursor keys to move snake: up, left, right, and down. You will need to click the play button to restart. Watch out your own tail and walls. Eat as much apples as possible to increase your tail and add up score.

Documentation

-MDN -W3schools -Youtube

requirements

snake-vanilla.js's Issues

Create Grid Template to get a GAMEBOARD ⭕🎲🕹🎮

Using canvas element we'll get a gameboard square which allows us to put all the Javascript in.

Snakes Grows 🐍

As much as the snake continues eating, its body grows continuously. So, watch out his own tail!.

Create Head Snake

Use CSS for styling the head of snake

Create apples randomly

At the start, one apple appears randomly over the board game and every time the snake eat it comes over and over again in a random location.

Display score reached on screen💯✅

Once I have the logic, display match result on screen.

HTML markup

Transpile wireframes into HTML

Add content to HTML markup

Score Display - Play button ▶▶▶🔟

Wireframes

Describe with drawing boxes the layout of webpage/website

Set Boundaries for snake 🧱🧱

1- The snake cannot touch the walls of the gameboard if so, it is a game-over!!

Game Over Display Messagee 😲😥🔤

Arrow Controls 🕹