Requestanimationframe Attached To App Object Not Window

I have set up the following jsFiddle http://jsfiddle.net/ZbhQY/4/ Im using a small requestAnimationFrame polyfill and returning the result to window.reqeuestAnimFrame this all work

Solution 1:

requestAnimationFrame must have a context of window to function properly.

You can rewrite your call as:

game.requestAnimFrame.call(win, game.run);

and it will function as expected.

The error you were running into is because requestAnimationFrame expects its context (this) to be window, but instead its context was game.

http://jsfiddle.net/ZbhQY/5/

Alternatively, you could rewrite your requestAnimFrame getter like so:

game.requestAnimFrame = (function() {
        var rAF = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||
        function(callback) {
            window.setTimeout(callback, 1000 / 60);
        };

        returnfunction(callback){
            rAF.call(window, callback);
        };            
    })();

This would allow you to call game.requestAnimFrame(game.run) as you would expect.