phaser3-rex-plugins/plugins/actions/CutJigsawImage/generateframes/jigsawpiece/JigsawPiece.js

Plugins of phaser3

/* 
Sample JigsawPiece, draw to FrameManager
*/

import DefaultDrawShapeCallback from './DefaultDrawShapeCallback.js';

class JigsawPiece extends Phaser.GameObjects.RenderTexture {
    constructor(scene, {
        width, height,
        edgeWidth, edgeHeight,
        key,
        drawShapeCallback = DefaultDrawShapeCallback
    }) {

        super(scene, 0, 0, width, height);

        this.setBaseKey(key);

        this.setDrawShapeCallback(drawShapeCallback);

        if (edgeWidth === undefined) {
            edgeWidth = Math.floor(width / 7);
        }
        this.edgeWidth = edgeWidth;

        if (edgeHeight === undefined) {
            edgeHeight = Math.floor(height / 7);
        }
        this.edgeHeight = edgeHeight;

        var maskGraphics = scene.make.graphics({ add: false });
        this.setMask(maskGraphics.createGeometryMask());
        this.maskGraphics = maskGraphics;
    }

    destroy(fromScene) {
        //  This Game Object has already been destroyed
        if (!this.scene || this.ignoreDestroy) {
            return;
        }

        super.destroy(fromScene);

        this.drawShapeCallback = undefined;

        this.maskGraphics.destroy();
        this.maskGraphics = undefined;

    }

    setBaseKey(key) {
        this.sourceKey = key;
        return this;
    }

    setDrawShapeCallback(callback) {
        this.drawShapeCallback = callback;
        return this;
    }

    drawPiece({
        scrollX, scrollY,
        edgeMode,
    }) {
        // Convert string to plain object
        if (typeof (edgeMode) === 'string') {
            edgeMode = edgeMode.split('').map(function (x) { return parseInt(x) });
            edgeMode = {
                right: edgeMode[0],
                bottom: edgeMode[1],
                left: edgeMode[2],
                top: edgeMode[3]
            }
        }

        this.clear().fill(0x333333);

        this.camera.setScroll(scrollX, scrollY);

        this.stamp(this.sourceKey, undefined, 0, 0, {
            originX: 0, originY: 0,
        });

        this.camera.setScroll(0, 0);

        this.drawShapeCallback(
            this.maskGraphics,
            this.width, this.height,
            this.edgeWidth, this.edgeHeight,
            edgeMode
        );

        return this;
    }
}

export default JigsawPiece;