如何在html5画布中使用不同帧速率的不同对象?

时间:2011-07-30 10:31:07

标签: html5 animation canvas

假设我希望球以每秒5帧的速度弹跳,并且只希望以每秒2帧的方式弹跳,这怎么可能?

返回setInterval(draw,10)在当前模拟中用于移动1000个粒子,但我还想在第二个画布上绘制径向渐变,从而从粒子模拟中获取数据。我无法弄清楚如何每秒绘制一个帧的渐变和另一个帧速率的粒子

1 个答案:

答案 0 :(得分:0)

我所做的是创建一个Timer构造函数,每次我创建一些动画时,我都会创建一个var animateThing = new Timer()。

可能没有必要这样做,但它可以是一个有用的代码,因为你可以更深入地了解更多移动部件的画布。

<强>更新 所以有点像这样的东西。

function Timer(fps, callback) {
  return setTimout(callback, 1000 / fps);
}

var timer1 = new Timer(33, callback1);
var timer2 = new Timer(55, callback2);

现在可能不会起作用,但这是主意。