following a few tutorials after a google search for "create snake game canvas javascript", it actually seems very likely:
http://css-tricks.com/learn-canvas-snake-game/
http://thecodeplayer.com/walkthrough/html5-game-tutorial-mak...
1. http://cssdeck.com/labs/classic-snake-game-with-html5-canvas
Tutorial: //Get the directions document.onkeydown = function(e) { var key = e.keyCode; //console.log(key);
if(key == 37 && dir != "right") setTimeout(function() {dir = "left"; }, 30); else if(key == 38 && dir != "down") setTimeout(function() {dir = "up"; }, 30); else if(key == 39 && dir != "left") setTimeout(function() {dir = "right"; }, 30); else if(key == 40 && dir != "up") setTimeout(function() {dir = "down"; }, 30); if(key) e.preventDefault(); }
if (key == 37 && snake.dir != 'right') { setTimeout(function () { snake.dir = 'left'; }, 30); } else if (key == 38 && snake.dir != 'down') { setTimeout(function () { snake.dir = 'up'; }, 30); } else if (key == 39 && snake.dir != 'left') { setTimeout(function () { snake.dir = 'right'; }, 30); } else if (key == 40 && snake.dir != 'up') { setTimeout(function () { snake.dir = 'down'; }, 30); } e.preventDefault();
1. http://cssdeck.com/labs/classic-snake-game-with-html5-canvas
Tutorial: //Get the directions document.onkeydown = function(e) { var key = e.keyCode; //console.log(key);
Jennifer's code: $(document).on('keydown', function (e) { var key = e.keyCode;