6 ms·

view the source for her snake game you'll see it's actually not that unlikely: http://jenniferdewalt.com/js/snake_game.js http://jenniferdewalt.com/js/snake_gam

• nawitus 13y ago
  The snake code looks very similar to this tutorial[1]. 1. http://cssdeck.com/labs/classic-snake-game-with-html5-canvas 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(); } Jennifer's code: $(document).on('keydown', function (e) { var key = e.keyCode; 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();