我在HTML5画布上有一个用JavaScript编写的路径查找脚本,看起来在多路复用方面存在问题。
该脚本是从这里的Stack Overflow接受的答案中获取并稍作修改的:A* 路径查找在HTML5画布中(这个答案也有同样的错误)。
如何重现问题: 当红色方块移动时,快速点击地图周围,你会看到方块似乎分裂或分支到不同的路径中。
我认为发生的情况是,当你注意到红色方块在分支时开始闪烁时,实际上是同一个方块试图同时出现在多个地方,导致同一个方块在不同的帧中随着帧率“传送”来回。这只是一个理论,但我认为它实际上并没有生成更多的方块。
我不确定这是否与movePlayer()
函数或pathFinding()
函数有关。我认为我需要做的是,如果对象在移动并且目标瓦片被更新,取消任何先前的操作,而不是继续同时运行它们——但我不知道该如何做。
由于这最终将是一个敌方AI脚本,当玩家在地图上移动时,目标瓦片将始终实时更新,这可能会导致此问题出现。
谢谢,我很感激任何帮助调试这个问题的建议!
回答:
据我所知,问题出在使用的计时器上。当你点击时,它会计算当前位置和点击位置之间的路径,然后启动一个计时器,使方块沿着该路径移动,并将该计时器的信息存储在本地。当你再次点击时,它会启动另一个计时器而不清除旧的计时器,因此它现在同时沿着两个路径从两个不同的计时器移动。它绘制了每个计时器中的每一个移动,这可以被视为闪烁现象。