javascript - 调用更新方法与设置间隔

Question

在我的游戏引擎中，有些对象需要定期更新。例如，一个场景可以降低它的 alpha，所以我设置了一个间隔来做到这一点。此外，相机有时需要稍微摇晃，这需要对旋转属性进行插值。

我看到有两种方法可以解决这些问题:

1. 有一个 update() 方法可以调用所有其他对象的更新方法。对象跟踪自上次更新以来的时间并采取相应行动。

2. 为每个对象的更新方法执行一个setInterval。

什么是最好的解决方案，为什么？

Answer 1

setInterval 不遵守时钟，它只是在事件进入时对其进行排序。浏览器倾向于在事件之间至少保留一些少量的时间。因此，如果您有 10 个事件都需要在 100 毫秒后触发，您很可能会看到最后一个事件在 200 毫秒后触发。 (这很容易测试)。

在这个意义上，只有一个事件(并调用所有对象的更新)比让每个对象设置自己的时间间隔更好。虽然可能还有其他考虑因素，但至少出于这个原因，选项 2 是不可行的。

这是关于 setInterval 的更多信息 How do browsers determine what time setInterval should use?