AppFrame_Draw.ts

/// <reference path="AppFrame.ts" />
// APPFRAME DRAW EXTENSION BY SUNMOCK YANG

/*
USES REQUEST ANIMATION FRAME TO RUN MAIN LOOP.
RECOMMENDED USE OF rAF.js BY PAUL IRISH TO SUPPLEMENT YOUR requestAnimationFrame USE
*/

class DrawFrame extends AppFrame {
    private sleep: number;
    private element: HTMLElement = document.body;

    //USER DEFINED RUN METHODS
    public initialize() { };
    public update() { };
    public draw() { };
    public exit() { };

    public setElement(element: HTMLElement){
        this.element = element;
    }

    private run(that:DrawFrame){
        if (that.running) {
            that.update();
            setTimeout(function () {
                requestAnimationFrame(function () { that.run(that); });
                that.draw();
            }, this.sleep);
        }
        else this.exit();
    }
}