phaser4-rex-plugins/templates/bejeweled2/board/methods/MaskMethods.js

Plugins of phaser4

import { SetMask } from '../../../../plugins/utils/mask/MaskMethods.js';

const Graphics = Phaser.GameObjects.Graphics;

export default {
    enableBoardLayer(layer) {
        if (this.layer) {
            return this;
        }

        if ((layer === undefined) || (layer === true)) {
            layer = this.scene.add.layer();
        }
        this.layer = layer;
        return this;
    },

    resetBoardMask() {
        // Create Graphics game object, mask object
        if (!this.activateAreaMaskGameObject) {
            this.activateAreaMaskGameObject = new Graphics(this.scene);
            this.enableBoardLayer();
            SetMask(this.layer, this.activateAreaMaskGameObject);
        }

        // Draw Graphics game object, a rectangle of activate area
        var board = this.board;
        var grid = board.grid;

        var worldTL = board.tileXYToWorldXY(0, board.height / 2);
        var x = worldTL.x - (grid.width / 2);
        var y = worldTL.y - (grid.height / 2);
        var width = this.activateBoardWidth * grid.width;
        var height = this.activateBoardHeight * grid.height;
        this.activateAreaMaskGameObject
            .clear()
            .fillStyle(0xffffff)
            .fillRect(x, y, width, height);

        return this;
    },

}