HTML5 Canvas Feed the Snake game
Project:
Browser-based “feed the snake” style game (use arrow keys to guide the moving snake to 'eat' the food randomly placed on the board, without running into yourself) based on a project from an HTML5 course on Udemy .
Timeframe:
Originally built Spring 2015 / Additions including Pause functionality in 2017 / future plans include adding global scoreboard
Tools/Skills used:
- HTML5, particularly the Canvas element
- CSS
- JavaScript & jQuery to draw on the canvas and respond to user keyboard inputs for controlling the snake's direction
- LocalStorage for recording the user's high score
- exploring use of PHP, MySQL, and AJAX for global scoreboard functionality
Playable version of the game is not currently hosted anywhere, but will be added soon. Until then, feel free to check out the 2017 version of the code in my Bitbucket Repo.