Using requestAnimationFrame

This code shows how to use requestAnamitionFrame to optimize animation.
//get requestAnimationFrame. If not - return timer
window.requestAnimFrame = (function() {
    return  window.requestAnimationFrame       || 
            window.webkitRequestAnimationFrame || 
            window.mozRequestAnimationFrame    || 
            window.oRequestAnimationFrame      || 
            window.msRequestAnimationFrame     || 
            function(/* function */ callback, /* DOMElement */ element){
                window.setTimeout(callback, 1000 / 60);
            };
})();

//Usage:
(function animloop(){
    render(); //animation function
    requestAnimFrame(animloop, element);
})();

Responses

0 Replies