多个HTML5画布动画

时间:2016-01-23 04:33:13

标签: angularjs html5 animation canvas requestanimationframe

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

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

1 个答案:

答案 0 :(得分:2)

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

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

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