javascript - 使用外推法解决 mousemove 事件滞后

Question

在这个站点上进行一些搜索后，我了解到我无法控制浏览器的 mousemove 事件频率。

所以我想应用某种外推法来解决滞后的mousemove事件问题。

当mousemove事件被触发时，我记录鼠标的每一个位置，并计算加速度(利用有限差分得到速度，然后得到加速度)。

之后，在 render() 函数中，我测量了自上次 render() 函数调用以来经过的增量时间。最后，我用加速度和 dt 推断位置。

但我没有看到使用此方法有任何显着效果。有什么问题吗？

编辑:我在这里做了一个小的运行示例。 (抱歉问题陈述不清楚)

https://gist.github.com/3858124

Answer 1

就在我将代码粘贴到要点上之后，我意识到了问题所在，然后修复了错误。

问题是:

我使用 NDC 坐标计算导数，而我使用世界空间坐标进行外推。

这是新代码:

https://gist.github.com/3858277

结论:对滞后的 mouseevent 有一些影响，但影响不大。作为一个(坏的)副作用，当您的鼠标移动进行紧急制动时，会出现超调。

我还在寻求更好的解决方案。欢迎任何意见/建议。谢谢。