On screen snake game how to#
On screen snake game full#

To pause the game, click the pause button on the top right corner of the screen.It starts from 0 as you start each level.The вЂњEatвЂќ counter on the top middle part of the game shows you how many coins youвЂ™ve consumed so far.Refreshing the game resets the coin counter.This shows how much money youвЂ™ve accumulated since youвЂ™ve started playing the game. In the top right corner of the screen is the total coin counter.Using your finger, tap the LEFT or RIGHT button located on the bottom of the game to maneuver the snake left or right.

The game does not use keyboard buttons to navigate the snake.Use these screen buttons to maneuver the snake left or right. Using your mouse, click on the LEFT or RIGHT button located on the bottom of the game.Note that the red button located on the top left corner does not function.Select it to toggle the sound вЂњonвЂќ or вЂњoffвЂќ. There is a sound button on the bottom of the welcome screen.

On screen snake game full#

Clicking the top right icon while on using a tablet or phone will automatically make the game full screen with horizontal view.Clicking it while on full screen mode will revert it back to normal.Select it to put the game on full screen view. On the top right corner icon is the full screen button.The game automatically saves your high score in the local web browser.Click вЂњStartвЂќ at the bottom to begin playing the game.

On screen snake game how to#

Clicking it will redirect you to a page with a simple instruction on how to play the game.To begin the game, click on the big play button in the middle of the screen below the Coin Snake title.Do not bump your tail when you turn or itвЂ™s game over.

So now, every coordinate in the array is updated with just two lines.Move the snake in the right direction as needed to consume gold coins and gain more points to achieve a high score. Then we simply get rid of the last segment with array.pop. We only need to get the new position of the head and place it at the very beginning of the array. The reason we only care about the position of the head and the very last element, but not the intermediate checkboxes is the following:

If itвЂ™s checked, it means the snake is about to hit itself so itвЂ™s game over.

Last but not least, we need to check whether the next position on which the head will be is already checked.

Because in that case, we need to increase the length of the snake as well as increasing the score and placing the apple somewhere else.

We also want to check whether we have an apple in the next position.

Depending on the movingDirection, we want to increase or decrease the x or y position of the head.

We need to know the position of the apple, the head, and the very last segment of the snake.

To fully understand how the implementation works, letвЂ™s first see what the logic is behind checking the checkboxes. So, finally, the core logic of the game that checks the appropriate checkboxes. And of course, we also want to place the apple in a random position each time the game begins. Remember that since the variable is an array, and the checkItemAtВ function expects two parameters (x, y), we need to use spread. We start at the startPointВ which is defined in the config file.