Предположим у меня несколько анимаций (функции, которые что-то меняют), Вообщем я могу просто в каждой из них писать requestAnimationFrame(functionName)
, запускать их при загрузке страницы, таким образом получается что requestAnimationFrame
вызывается много раз и я не знаю хорошо это или плохо (я работал с setInterval
и там такое естественно плохо). Или же я могу сделать функцию такого вида:
on.frame = (function () {
var fns = [];
function frame () {
var now = new Date();
for ( let i = 0; i < fns.length; i++ )
fns[i](now);
if (fns.length != 0) requestAnimationFrame(frame);
}
return function (fn) {
if(fns.length == 0){
fns.push(fn);
requestAnimationFrame(frame);
} else fns.push(fn);
}
})();
Смысл в том чтобы создавать массив с анимациями и выполнять их все в одной функции которая засовывается в один requestAnimationFrame
. Стоит ли это делать? Ведь насколько я понимаю requestAnimationFrame
и так собирает с начало всё что должно изменится а потом выполняет вместе.
requestAnimationFrame
запускаются друг за другом, так что не мучайтесь, а просто позаботтесь чтоб анимации не перекрывали друг друга дёргая один объект в разные стороны.