Application.ts

import * as PIXI from "pixi.js";
import ClockTimer from "@gamestdio/timer";

export class Application extends PIXI.Application {
    public static clock: ClockTimer = new ClockTimer();

    constructor (opts?: PIXI.ApplicationOptions) {
        super();

        PIXI.ticker.shared.add(() => Application.clock.tick());

        document.body.appendChild(this.view);
        window.addEventListener("resize", this.onResize);

        this.onResize();
    }

    onResize = () => {
        // resize renderer
        this.renderer.resize(window.innerWidth, window.innerHeight);

        // resize canvas
        this.view.width = window.innerWidth;
        this.view.height = window.innerHeight;
    }

    protected static instance: Application;
    static getInstance (opts?: PIXI.ApplicationOptions) {
        if (!this.instance) {
            this.instance = new Application(opts);
        }
        return this.instance;
    }

}