phaser4-rex-plugins/plugins/input/mousewheelscroller/MouseWheelScroller.js

Plugins of phaser4

import ComponentBase from '../../utils/componentbase/ComponentBase.js';
import IsPointerInBounds from '../../utils/input/IsPointerInBounds.js';

const GetValue = Phaser.Utils.Objects.GetValue;

class MouseWheelScroller extends ComponentBase {
    constructor(gameObject, config) {
        super(gameObject, config);
        // this.parent = gameObject;

        if (this.parent !== this.scene) {
            this.focusMode = GetValue(config, 'focus', true);
        } else {
            this.focusMode = false;
        }

        if (typeof (this.focusMode) === 'boolean') {
            this.focusMode = (this.focusMode) ? 1 : 0;
        }

        this.setSpeed(GetValue(config, 'speed', 0.1));
        this.setEnable(GetValue(config, 'enable', true));

        switch (this.focusMode) {
            case 0:
            case 2:
                this.scene.input.on('wheel', this.onSceneScroll, this);
                break;

            default:  // case 1
                gameObject
                    .setInteractive(GetValue(config, "inputConfig", undefined))
                    .on('wheel', function (pointer, dx, dy, dz, event) {
                        this.tryScroll(dy);
                    }, this);
                break;
        }
    }

    destroy() {
        switch (this.focusMode) {
            case 0:
            case 2:
                this.scene.input.off('wheel', this.onSceneScroll, this);
                break;

            default:  // case 1
                // GameObject events will be removed when this gameObject destroyed 
                break;
        }
    }

    onSceneScroll(pointer, currentlyOver, dx, dy, dz, event) {
        if (this.focusMode === 2) {
            if (!IsPointerInBounds(this.parent, pointer)) {
                return;
            }
        }

        this.tryScroll(dy);
    }

    setEnable(e) {
        if (e === undefined) {
            e = true;
        }

        this.enable = e;
        return this;
    }

    setSpeed(speed) {
        this.speed = speed;
        return this;
    }

    tryScroll(dy) {
        if (!this.enable) {
            return;
        }
        this.scroll(dy);
        return this;
    }

    scroll(dy) {
        dy *= this.speed;
        this.emit('scroll', dy, this.parent, this);
        return this;
    }
}

export default MouseWheelScroller;