Как вы можете получить различные объекты, работающие на разных частотах кадров, работающих на холсте html5?

Question

Скажите, что я хочу, чтобы мяч подпрыгивал с частотой 5 кадров в секунду, и хочу, чтобы у него было только квадратное подпрыгивание с частотой 2 кадра в секунду, как это возможно?

return setInterval (draw, 10) используется в текущем моделировании для перемещения 1000 частиц, но я также хочу нарисовать радиальный градиент на втором холсте, который получает данные из моделирования частиц. Я не могу понять, как нарисовать градиент кадр в секунду и частицы с другой частотой кадров

Answer 1

Что я делаю, так это создаю конструктор 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);

Теперь это, вероятно, не сработает, но это идея.