Javascript HTML5画布A*星形路径查找

Javascript HTML5画布A*星形路径查找,javascript,html,canvas,path-finding,Javascript,Html,Canvas,Path Finding,我正在尝试学习一个*星路径查找,我正在使用这个库- 但我不知道怎么做 我需要找到从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:01:0长度:2,0:11:0

我正在尝试学习一个*星路径查找,我正在使用这个库-

但我不知道怎么做

我需要找到从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:01:0长度:2
0:11:0长度:2

谢谢..

只需从第一个(起始位置)迭代到最后一个(结束位置)条目,并相应地“移动”玩家

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
}
var path=findPath(player.x,player.y,10,10,grid);
对于(变量i=0,长度=path.length;i
您好,谢谢您的代码,但在此代码中,玩家不要逐个移动磁贴,只传送到10/10。与
player.x=mouse.x相同
我正在尝试
player.x+=path…
但是这样player就不会画图了。@Veyha这就是你问题的答案“…但是如何将这个数组应用到我的player.x和player.y?”你应该调用函数来在每次迭代中绘制player/canvas。