Перезагрузка игры Javascript/JQuery

Question

Я пытаюсь сделать кнопку перезапуска в меню «Игра над меню», у меня есть игра для экрана над экраном, когда она касается и препятствия.

Каждый раз, когда вы нажимаете повтор, он скрывает его, проблема в том, что он по-прежнему трогает его, так как я могу сбросить всю игру, чтобы он не касался ее? Ниже приведен код, который я пробовал, но не работал, потому что плеер все еще заморожен.

$('#levelOne').animate({ 
     'margin-top': '-=1520px' 
    }); 

А вот ссылка: http://jsfiddle.net/38bod36e/86/

Answer 1

Как @cjspurg сказал, что вы должны сбросить margin-top из #levelOne Но вы также должны сбросить margin-left из #player и, наконец, снова начать анимировать #levelOne.

Я обновил свой $("#retry").click функцию следующим образом:

$('#retry').click(function() { 
    $('#GameOver').fadeOut(); 

    // NEW LOGIC 
    $("#levelOne").css('margin-top', '-1520px'); 
    $("#player").css('border', 'solid 1px green'); 
    $("#player").css('margin-left', '223px'); 

    $('#levelOne').animate({ 
     'margin-top': '+=1520px' 
    }, speed); 

}); 

Пожалуйста, обратите внимание выкладывания/все, что логики в функции, как вы считаете целесообразным.

Это fiddle рабочей игры.