Question

So here is my snake script –

http://jsfiddle.net/6bKHc/24/

I started to create a snake game, but basically move(top), move(bottom) e.c. is not working. Any ideas why? I understand that I can’t pass the elements to variable like this, so maybe you could show me how to do that correctly?

Answer 1

Ok cleared syntax and took a look at errors this should get you started

$(document).keydown(function(event){
    var move, inter;
    inter = setInterval(move = function() {
        var dir = $(".snake").data('dir');
        var snake = $('.snake');

        if(dir == 'top') {
            snake.stop().animate({"top": "+=5px"});
        }
        if(dir == 'bottom') {
            snake.stop().animate({"top": "-=5px"});
        }
        if(dir == 'left') {
            snake.stop().animate({"left": "+=5px"});
        }
        if(dir == 'right') {
            snake.stop().animate({"top": "-=5px"});
        }
    }, 500);
    if(event.which == 40) {
        $(".snake").data('dir','top');
    } else if(event.which == 39) {
        $(".snake").data('dir','left');           
    } else if(event.which == 37) {
        $(".snake").data('dir','right');        
    } else if(event.which == 38) {
       $(".snake").data('dir','bottom');    
    }; });​

fiddle

Couple of obvious additions to make:

• boundary checking
• smoothness of animation.