HTML5 Canvas A * Star Path查找

时间:2012-06-16 08:36:18

标签: javascript html5 canvas path-finding

我正在尝试学习我正在使用此库的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: 20: 1 1: 0 length: 2,...

谢谢..

1 个答案:

答案 0 :(得分: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
}