#Java script screen snake code

We will add another clause to prevent reverse gear This function will check if the provided x/y coordinates exist Lets first create a generic function to paint cells Snake_array.unshift(tail) //puts back the tail as the first cellįor(var i = 0 i < snake_array.length i++) Var tail = snake_array.pop() //pops out the last cell Create a new head instead of moving the tail

If the new head position matches with that of the food,

#Java script screen snake code

Lets write the code to make the snake eat the food

If(nx = -1 || nx = w/sw || ny = -1 || ny = h/sw || check_collision(nx, ny, snake_array)) Now if the head of the snake bumps into its body, the game will restart This will restart the game if the snake hits the wall Lets add proper direction based movement now We will increment it to get the new head position These were the position of the head cell. Pop out the tail cell and place it infront of the head cell The movement code for the snake to come here. To avoid the snake trail we need to paint the BG on every frame Because there are 45(450/10) positions accross the rows and columns This will create a cell with x/y between 0-44 This will create a horizontal snake starting from the top left Snake_array = //Empty array to start with

If(typeof game_loop != 'undefined') clearInterval(game_loop) Lets move the snake now using a timer which will trigger the paint function Var snake_array //an array of cells to make up the snakeĬreate_food() //Now we can see the food particle Lets save the cell width in a variable for easy control I have also included a JS Fiddle to show what I'm trying to do. I was wondering what is the best way to going about adding this end screen in. I am trying to add an end screen in when the user dies that it will show up what their score was, and to add in a play button so that the user can hit play without refreshing the browser.īeing new to both jQuery and Canvas, I've struggled with this and tried many different ways to do it. I have a start screen where the user can press start to start the game. I've took a tutorial for a snake game, and I'm trying to make it better for a little side project at the moment.