javascript - HTML5 Canvas A* 星型路径查找

Question

我正在尝试学习 A* Star Path 查找，为此我正在使用此库 - https://github.com/qiao/PathFinding.js

但我不明白该怎么做。

我需要找到从 player.x/player.y(player.x 和 player.y 都是 0)到 10/10 的路径

此代码返回我需要移动的位置的数组 -

var path = finder.findPath(player.x, player.y, 10, 10, grid);

我得到一个数组作为输出，它给出了玩家的位置，但是如何将这个数组应用到我的 player.x 和 player.y？

数组结构类似于 - 0: 0 1: 0 length: 2, 0: 1 1: 0 length: 2, ...

谢谢..

Answer 1

Readme: Basic Usage

只需从第一个(开始位置)迭代到最后一个(结束位置)条目并相应地“移动”您的播放器

var path = findPath(player.x, player.y, 10, 10, grid);

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

    // draw the new position
}