phaser4-rex-plugins/templates/ui/basesizer/LayoutBackgrounds.js

Plugins of phaser4

import ResizeGameObject from '../../../plugins/utils/size/ResizeGameObject.js';
import PreLayoutChild from './utils/PreLayoutChild.js';
import LayoutChild from './utils/LayoutChild.js';

const ALIGN_CENTER = Phaser.Display.Align.CENTER;

var LayoutBackgrounds = function () {
    if (this.backgroundChildren === undefined) {
        return;
    }
    var backgrounds = this.backgroundChildren;

    var startX = this.left,
        startY = this.top;
    var parentWidth = this.width * this.scaleX,
        parentHeight = this.height * this.scaleY;
    var child, childConfig, padding,
        x, y, width, height;
    for (var i = 0, cnt = backgrounds.length; i < cnt; i++) {
        child = backgrounds[i];
        childConfig = child.rexSizer;
        if (childConfig.hidden) {
            continue;
        }

        padding = childConfig.padding;

        PreLayoutChild.call(this, child);

        x = startX + (padding.left * this.scaleX);
        y = startY + (padding.top * this.scaleY);
        width = parentWidth - ((padding.left + padding.right) * this.scaleX);
        height = parentHeight - ((padding.top + padding.bottom) * this.scaleY);

        ResizeGameObject(child, width, height);

        LayoutChild.call(this,
            child, x, y, width, height, ALIGN_CENTER,
            0, 0
        );
    }
}

export default LayoutBackgrounds;