多个HTML5画布动画

Question

我在不同的AngularJS指令中有多个HTML canvas元素。这些元素中的每一个都使用requestAnimationFrame进行动画处理。

1. 表现怎么样？是否可以为每个requestAnimationFrame / canvas致电directive，或者使用一个service callback函数向所有渲染函数提供更好的方法？
2. 在绘制内容之前，渲染函数内部进行了大量计算。对于每个帧，这些计算是必要的。这应该在requestAnimationFrame电话会议之前完成，还是可以在通话结束后进行大量的计算？

Answer 1

requestAnimationFrame将为同一帧完成所有请求，但我不确定请求的顺序是什么。我认为它们的顺序与它们的要求相同。

多个帧请求或调用多个函数的单个帧请求之间的差异很小。这将是一种风格选择而非性能选择。

如果每个渲染帧都需要进行计算，那么让它们独立于帧请求运行是没有好处的，因为你必须找到一种方法来保持它们同步，这会增加开销。如果它们不依赖于帧，那么最好以任何能使应用程序平稳运行的速率执行它们。