|
|
|
|
|
by nawitus
4706 days ago
|
|
The snake code looks very similar to this tutorial[1]. 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();
}
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();
|
|