workadventure/front/src/Phaser/Login/ResizableScene.ts

import {Scene} from "phaser";
import DOMElement = Phaser.GameObjects.DOMElement;

export abstract class ResizableScene extends Scene {
    public abstract onResize(): void;

    /**
     * Centers the DOM element on the X axis.
     *
     * @param object
     * @param defaultWidth The width of the DOM element. We try to compute it but it may not be available if called from "create".
     */
    public centerXDomElement(object: DOMElement, defaultWidth: number): void {
        object.x = (this.scale.width / 2) -
            (
                object
                && object.node
                && object.node.getBoundingClientRect().width > 0
                    ? (object.node.getBoundingClientRect().width / 2 / this.scale.zoom)
                    : (defaultWidth / this.scale.zoom)
            );
    }
}