A *Поиск начального пути в HTML5 Canvas

Я пытаюсь реализовать A *Start path finding в своих играх (, которые написаны с помощью JavaScript, HTML5 Canvas ). Библиотека для А *Старт нашел это-http://46dogs.blogspot.com/2009/10/star-pathroute-finding-javascript-code.htmlи теперь я использую эту библиотеку для поиска пути. И с этой библиотекой я пытаюсь написать простой тест, но застрял с одной проблемой. Теперь я закончил, когда на экране холста HTML5 щелкните мышью с указанием пути до тех пор, пока не появятся мои mouse.x и mouse.y. Вот скриншот:

(Розовый квадрат :Игрок, Оранжевые квадраты :путь до моей мыши.x/mouse.y )Код, как я рисую оранжевые квадраты, пока мой mouse.x/mouse.y не будет:

for(var i = 0; i < path.length; i++) {
    context.fillStyle = 'orange';
    context.fillRect(path[i].x * 16, path[i].y * 16, 16, 16);
}

Моя проблема в том, что я не понимаю, как переместить моего игрока до цели пути. Я пробовал:

for(var i = 0; i < path.length; i++) {
    player.x += path[i].x;
    player.y += path[i].y;
}

Но с этим кодом мой плеер не рисуется. (Когда я запускаю код,player.x и player.y равны 0, и когда я щелкаю мышью, я получаю, что путь игрока мигает и исчезает)

Может кто знает как решить эту проблему?

И мне очень-очень жаль мой плохой английский язык.:)