Eu estou tentando implementar A * Start encontrar caminho em meus jogos (que são escritos com JavaScript, HTML5 Canvas). Biblioteca para A * Start descobriu isso -http://46dogs.blogspot.com/2009/10/star-pathroute-finding-javascript-code.html e agora estou usando essa biblioteca para encontrar caminhos. E com essa biblioteca, estou tentando escrever um teste simples, mas me deparo com um problema. Agora estou pronto quando na tela de tela HTML5 clique com o mouse show path até meu mouse.xe mouse.y. Aqui está uma captura de tela:

(Quadrado rosa: jogador, quadrados laranja: caminho até meu mouse.x / mouse.y) Codifique como eu estou desenhando os quadrados laranja até que meu mouse.x / mouse.y seja:

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

Meu problema é que eu não entendo como mover meu jogador até o objetivo do caminho. Eu tentei:

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

Mas com este código meu player não é desenhado (quando eu executo o código, player.xe player.y são iguais a 0 e quando eu clico com o mouse fico com o player do caminho piscando e desaparecendo)

Talvez alguém saiba como resolver esse problema?

E eu sinto muito muito muito pela minha má língua inglesa. :)