Estoy intentando implementar A * Iniciar la búsqueda de rutas en mis juegos (que están escritos con JavaScript, HTML5 Canvas). Biblioteca para A * Start encontró esto -http://46dogs.blogspot.com/2009/10/star-pathroute-finding-javascript-code.html y ahora estoy usando esta biblioteca para encontrar caminos. Y con esta biblioteca, estoy tratando de escribir una prueba simple, pero atascado con un problema. Ya he terminado cuando en la pantalla de lienzo de HTML5, haga clic con la ruta de acceso del ratón hasta que aparezca mouse.x y mouse.y. Aquí hay una captura de pantalla:

(Cuadrado rosado: Jugador, Cuadrados anaranjados: camino hasta mi mouse.x / mouse.y) Codifica cómo estoy dibujando los cuadrados naranjas hasta que mi mouse.x / mouse.y sea:

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

Mi problema es que no entiendo cómo mover a mi jugador hasta la meta del camino. He intentado:

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

Pero con este código no se dibuja mi reproductor. (Cuando ejecuto el código, player.x y player.y son iguales a 0 y cuando hago clic con el mouse, aparece el jugador que parpadea y desaparece).

Tal vez alguien sepa como resolver este problema?

Y lo siento mucho por mi mala lengua inglesa. :)