phaser3-rex-plugins-fix-chun/plugins/camera/pinchzoom/PinchZoom.js

Plugins of phaser3

import ComponentBase from '../../utils/componentbase/ComponentBase.js';
import { Pinch } from '../../gestures.js';
import GetCameraByName from '../../utils/camera/GetCameraByName.js';
import ZoomAt from '../../utils/camera/ZoomAt.js';

const GetValue = Phaser.Utils.Objects.GetValue;

class PinchZoom extends ComponentBase {
    constructor(scene, config) {
        if (config === undefined) {
            config = {};
        }

        super(scene, config);
        // this.scene

        this.inputTarget = GetValue(config, 'inputTarget', scene);
        this.pinch = new Pinch(this.inputTarget);

        var camera = GetCameraByName(scene, GetValue(config, 'camera'));

        this
            .setCamera(camera)
            .setEnable(GetValue(config, 'enable', true))
            .setMinZoom(GetValue(config, 'minZoom', undefined))
            .setMaxZoom(GetValue(config, 'maxZoom', undefined))
            .setFocusEnable(GetValue(config, 'focusEnable', true))

        this.boot();
    }

    boot() {
        this.pinch
            .on('pinch', function (pinch) {
                var camera = this.camera;
                if (!camera) {
                    return;
                }

                var zoom = camera.zoom * pinch.scaleFactor;

                if ((this.minZoom !== undefined) && (zoom < this.minZoom)) {
                    zoom = this.minZoom;
                }
                if ((this.maxZoom !== undefined) && (zoom > this.maxZoom)) {
                    zoom = this.maxZoom;
                }

                var focusLocalX, focusLocalY;
                if (this.focusEnable) {
                    var pointer0 = pinch.pointers[0];
                    var pointer1 = pinch.pointers[1];
                    focusLocalX = (pointer0.x + pointer1.x) / 2;
                    focusLocalY = (pointer0.y + pointer1.y) / 2;
                }

                ZoomAt(camera, zoom, focusLocalX, focusLocalY);
            }, this)
            .on('pinchstart', function () {
                this.emit('pinchstart');
            }, this)
            .on('pinchend', function () {
                this.emit('pinchend');
            }, this)
    }

    shutdown(fromScene) {
        // Already shutdown
        if (this.isShutdown) {
            return;
        }

        this.inputTarget = undefined;
        this.pinch.destroy();
        this.pinch = undefined;

        super.shutdown(fromScene);
    }

    setCamera(camera) {
        this.camera = camera;
        return this;
    }

    get enable() {
        return this.pinch.enable;
    }

    set enable(value) {
        this.pinch.enable = value;
    }

    setEnable = function (enable) {
        if (enable === undefined) {
            enable = true;
        }
        this.enable = enable;
        return this;
    }

    setMinZoom(value) {
        this.minZoom = value;
        return this;
    }

    setMaxZoom(value) {
        this.maxZoom = value;
        return this;
    }

    setFocusEnable(value) {
        this.focusEnable = value;
        return this;
    }

    get isPinching() {
        return this.pinch.isPinching;
    }
}

export default PinchZoom;