Ich versuche, A * zu implementieren. Starten Sie die Pfadsuche in meinen Spielen (die mit JavaScript, HTML5 Canvas geschrieben wurden). Bibliothek für A * Start fand diese -http://46dogs.blogspot.com/2009/10/star-pathroute-finding-javascript-code.html und jetzt benutze ich diese Bibliothek für die Wegfindung. Und mit dieser Bibliothek versuche ich, einen einfachen Test zu schreiben, stecke aber bei einem Problem fest. Ich bin jetzt fertig, wenn in HTML5 Canvas-Bildschirm mit der Maus auf Pfad zeigen, bis meine mouse.x und mouse.y klicken. Hier ist ein Screenshot:

(Rosa Quadrat: Spieler, Orange Quadrate: Pfad bis zu meiner mouse.x / mouse.y) Code, wie ich die orange Quadrate zeichne, bis meine mouse.x / mouse.y ist:

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

Mein Problem ist, dass ich nicht verstehe, wie ich meinen Spieler bis zum Zielpfad bewegen soll. Ich habe es versucht:

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

Aber mit diesem Code wird mein Player nicht gezeichnet. (Wenn ich den Code ausführe, sind player.x und player.y gleich 0 und wenn ich mit der Maus klicke, blinkt der Pfad-Player und verschwindet)

Vielleicht weiß jemand, wie man dieses Problem löst?

Und es tut mir sehr sehr leid für meine schlechte englische Sprache. :)