JavaScript/HTML5 Canvas 路径查找多路复用问题

我在HTML5画布上有一个用JavaScript编写的路径查找脚本,看起来在多路复用方面存在问题。

jsFiddle 演示

该脚本是从这里的Stack Overflow接受的答案中获取并稍作修改的:A* 路径查找在HTML5画布中(这个答案也有同样的错误)。

如何重现问题: 当红色方块移动时,快速点击地图周围,你会看到方块似乎分裂或分支到不同的路径中。

我认为发生的情况是,当你注意到红色方块在分支时开始闪烁时,实际上是同一个方块试图同时出现在多个地方,导致同一个方块在不同的帧中随着帧率“传送”来回。这只是一个理论,但我认为它实际上并没有生成更多的方块。

我不确定这是否与movePlayer()函数或pathFinding()函数有关。我认为我需要做的是,如果对象在移动并且目标瓦片被更新,取消任何先前的操作,而不是继续同时运行它们——但我不知道该如何做。

由于这最终将是一个敌方AI脚本,当玩家在地图上移动时,目标瓦片将始终实时更新,这可能会导致此问题出现。

谢谢,我很感激任何帮助调试这个问题的建议!


回答:

据我所知,问题出在使用的计时器上。当你点击时,它会计算当前位置和点击位置之间的路径,然后启动一个计时器,使方块沿着该路径移动,并将该计时器的信息存储在本地。当你再次点击时,它会启动另一个计时器而不清除旧的计时器,因此它现在同时沿着两个路径从两个不同的计时器移动。它绘制了每个计时器中的每一个移动,这可以被视为闪烁现象。

Related Posts

使用LSTM在Python中预测未来值

这段代码可以预测指定股票的当前日期之前的值,但不能预测…

如何在gensim的word2vec模型中查找双词组的相似性

我有一个word2vec模型,假设我使用的是googl…

dask_xgboost.predict 可以工作但无法显示 – 数据必须是一维的

我试图使用 XGBoost 创建模型。 看起来我成功地…

ML Tuning – Cross Validation in Spark

我在https://spark.apache.org/…

如何在React JS中使用fetch从REST API获取预测

我正在开发一个应用程序,其中Flask REST AP…

如何分析ML.NET中多类分类预测得分数组?

我在ML.NET中创建了一个多类分类项目。该项目可以对…

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注