#QUIT SCREEN SNAKE CODE#

moves one grid length every frame in either the x or y direction the canvas width & height, snake x & y, and the apple x & y, all need to be a multiples of the grid size in order for collision detection to work When you become a Patron, you get access to behind the scenes development logs, the ability to vote on which games I work on next, and early access to the next Basic HTML Game. Other Basic GamesД«asic HTML Games are made possible by users like you. Giving attribution is not required, but appreciated. There's no need to ask permission before using these.

#QUIT SCREEN SNAKE CODE#

(CC0 1.0 Universal) You're free to use this game and code in any project, personal or commercial. This series is meant to give a basic outline of the game but nothing more.

Important note: I will answer questions about the code but will not add more features or answer questions about adding more features. Improve it so it only spawns in empty grid locations

Currently the apple spawns in any random grid in the game, even if the snake is already on that spot.

Allow the game to be scaled down to a phone size.

Use context.fillText() to display the score to the screen

When the snake eats an apple, the score should increase by one.

This is a basic implementation of the snake game, but it's missing a few things intentionally and they're left as further exploration for the reader. Snake is a fun game to make as it doesn't require a lot of code (less than 100 lines with all comments removed).

Quit screen snake