Snake
A few years before the dawn of the iPhone, we all had Nokias with the addictive Snake game installed. The premise of snake was simple: eat all the food on the screen without hitting your tail or a wall. The more food you eat, the longer your tail became.
Paul Jensen has returned to that era for his addictive Snake canvas game, and has also provided a handy tutorial on how he created it.

Green dots never tasted better!
Comments from the author:
The canvas element is used to map the playing area of the game where the Snake moves. The Snake consists of a collection of xy coordinates on the canvas element, and the movement is simulated by drawing and removing the xy coordinates from the canvas element.
The tutorial itself is a handy guide for those who are a little unsure of where to start when it comes to using user interactions to manipulate the canvas from reading the key pressed to checking your object is still within the boundaries of the canvas.


Comments
Andi Smith
The on-screen score doesn’t seem to update in Firefox, but will still give you a grand total at the end of the game.
Posted on December 31, 2009
Manuel Ignacio López Quintero
Wow! One of the best tutorial I’ve never seen! Now I understand clearly the Timer object!
Bookmarked!
Posted on November 12, 2010
Andrew
works fine in opera 11.0
Posted on February 2, 2011
Related demos