A * Rozpocznij wyszukiwanie ścieżki w HTML5 Canvas

Próbuję zaimplementować A * Rozpoczęcie wyszukiwania ścieżki w moich grach (które są napisane za pomocą JavaScript, HTML5 Canvas). Biblioteka dla A * Start znalazła to -http://46dogs.blogspot.com/2009/10/star-pathroute-finding-javascript-code.html a teraz używam tej biblioteki do wyszukiwania ścieżek. Z tą biblioteką próbuję napisać prosty test, ale utknąłem z jednym problemem. Teraz robię to, kiedy na ekranie płótna HTML5 klikam ścieżką pokazu myszy, aż do myszy.x i mouse.y. Oto zrzut ekranu:

(Różowy kwadrat: Gracz, Pomarańczowe kwadraty: ścieżka do mojej myszy.x / mysz.y) Koduj, jak rysuję pomarańczowe kwadraty, aż moja mysz.x / mouse.y to:

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

Moim problemem jest to, że nie rozumiem, jak przenieść mojego gracza do celu ścieżki. Próbowałem:

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

Ale z tym kodem mój gracz nie jest rysowany beung. (Kiedy uruchamiam kod, player.x i player.y są równe 0, a kiedy klikam myszką, otrzymuję ścieżkę, gracz miga i znika)

Może ktoś wie, jak rozwiązać ten problem?

Bardzo przepraszam za mój zły język angielski. :)

questionAnswers(1)

yourAnswerToTheQuestion