• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52
• 53
• 54
• 55
• 56
• 57
• 58
• 59
• 60
• 61
• 62
• 63
• 64
• 65
• 66
• 67
• 68
• 69
• 70
• 71
• 72
• 73
• 74
• 75
• 76
• 77
• 78
• 79
• 80

// References:
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// https://gist.github.com/1579671
// http://updates.html5rocks.com/2012/05/requestAnimationFrame-API-now-with-sub-millisecond-precision
// https://gist.github.com/timhall/4078614
// https://github.com/Financial-Times/polyfill-service/tree/master/polyfills/requestAnimationFrame

// Expected to be used with Browserfiy
// Browserify automatically detects the use of `global` and passes the
// correct reference of `global`, `globalThis`, and finally `window`

const ONE_FRAME_TIME = 16;

// Date.now
if (!(Date.now && Date.prototype.getTime))
{
    Date.now = function now(): number
    {
        return new Date().getTime();
    };
}

// performance.now
if (!(globalThis.performance && globalThis.performance.now))
{
    const startTime = Date.now();

    if (!globalThis.performance)
    {
        (globalThis as any).performance = {};
    }

    globalThis.performance.now = (): number => Date.now() - startTime;
}

// requestAnimationFrame
let lastTime = Date.now();
const vendors = ['ms', 'moz', 'webkit', 'o'];

for (let x = 0; x < vendors.length && !globalThis.requestAnimationFrame; ++x)
{
    const p = vendors[x];

    globalThis.requestAnimationFrame = (globalThis as any)[`${p}RequestAnimationFrame`];
    globalThis.cancelAnimationFrame = (globalThis as any)[`${p}CancelAnimationFrame`]
        || (globalThis as any)[`${p}CancelRequestAnimationFrame`];
}

if (!globalThis.requestAnimationFrame)
{
    globalThis.requestAnimationFrame = (callback: (...parms: any[]) => void): number =>
    {
        if (typeof callback !== 'function')
        {
            throw new TypeError(`${callback}is not a function`);
        }

        const currentTime = Date.now();
        let delay = ONE_FRAME_TIME + lastTime - currentTime;

        if (delay < 0)
        {
            delay = 0;
        }

        lastTime = currentTime;

        return globalThis.self.setTimeout(() =>
        {
            lastTime = Date.now();
            callback(performance.now());
        }, delay);
    };
}

if (!globalThis.cancelAnimationFrame)
{
    globalThis.cancelAnimationFrame = (id: number): void => clearTimeout(id);
}