RequestAnimationFrame Queue Lib

animationQueue.js

var AnimationQueue = function() {
    this.animations = [];
    this.lastRun = 0;
    this.runAnimations();
};

AnimationQueue.prototype = {
    addAnimation(func, fps) {
        this.animations.push({
            call : func,
            fpsInt : 1000 / fps,
            lastCall : performance.now()
        });
    },
    runAnimations(activeRun) {

        // Requeue
        requestAnimationFrame((stamp) => {this.runAnimations(stamp)});

        // Call each animation
        for(i = 0; i < this.animations.length; i++) {
            if (activeRun - this.animations[i].lastCall > this.animations[i].fpsInt) {
                this.animations[i].call();
                this.animations[i].lastCall = activeRun;
            }
        }

        this.lastRun = activeRun;
    }
};

window.AnimationQueue = new AnimationQueue();

// Use with
// AnimationQueue.addAnimation(() => {renderFunction()}, 60);