phaser4-rex-plugins/plugins/gameobjects/tagtext/textbase/canvastext/SetInteractive.js

Plugins of phaser4

var SetInteractive = function () {
    this.parent

        .on('pointerdown', OnAreaDown, this)

        .on('pointerup', OnAreaUp, this)

        .on('pointermove', OnAreaOverOut, this)
        .on('pointerover', OnAreaOverOut, this)
        .on('pointerout', function (pointer, event) {
            OnAreaOverOut.call(this, pointer, null, null, event);
        }, this)
}

var OnAreaDown = function (pointer, localX, localY, event) {
    var area = this.hitAreaManager.getFirst(localX, localY);
    if (area === null) {
        return;
    }

    var key = area.data.key;
    FireEvent.call(this, 'areadown', key, pointer, localX, localY, event);

    // Removed by callback of previous event
    if (!area.data) {
        return;
    }

    area.data.isDown = true;
}

var OnAreaUp = function (pointer, localX, localY, event) {
    var area = this.hitAreaManager.getFirst(localX, localY);
    if (area === null) {
        return;
    }

    var key = area.data.key;
    FireEvent.call(this, 'areaup', key, pointer, localX, localY, event);

    // Removed by callback of previous event
    if (!area.data) {
        return;
    }

    if (area.data.isDown) {
        FireEvent.call(this, 'areaclick', key, pointer, localX, localY, event);

        // Removed by callback of previous event
        if (!area.data) {
            return;
        }

        var url = area.data.url;
        if (url) {
            window.open(url, '_blank');
        }
    }

    area.data.isDown = false;
}

var OnAreaOverOut = function (pointer, localX, localY, event) {
    if (localX === null) {  // Case of pointerout
        if (this.lastHitAreaKey !== null) {
            FireEvent.call(this, 'areaout', this.lastHitAreaKey, pointer, localX, localY, event);

            var area = this.hitAreaManager.getByKey(this.lastHitAreaKey);
            if (area && area.data) {
                area.data.isDown = false;
            }

            this.lastHitAreaKey = null;
        }
        return;
    }

    var area = this.hitAreaManager.getFirst(localX, localY);
    var key = (area) ? area.data.key : null;
    if (this.lastHitAreaKey === key) {
        return;
    }

    if (this.lastHitAreaKey !== null) {
        FireEvent.call(this, 'areaout', this.lastHitAreaKey, pointer, localX, localY, event);

        var prevHitArea = this.hitAreaManager.getByKey(this.lastHitAreaKey);

        if (prevHitArea) {
            if (this.urlTagCursorStyle) {
                SetCursorStyle(this.scene, prevHitArea, '');
            }

            prevHitArea.data.isDown = false;
        }
    }
    if (key !== null) {
        FireEvent.call(this, 'areaover', key, pointer, localX, localY, event);

        if (area.data) {
            if (this.urlTagCursorStyle) {
                SetCursorStyle(this.scene, area, this.urlTagCursorStyle);
            }
        }
    }

    this.lastHitAreaKey = key;
}

var FireEvent = function (eventName, key, pointer, localX, localY, event) {
    this.parent.emit(`${eventName}-${key}`, pointer, localX, localY, event);
    this.parent.emit(eventName, key, pointer, localX, localY, event);
}

var SetCursorStyle = function (scene, area, cursorStyle) {
    if (!area || !area.data || !area.data.url) {
        return;
    }

    scene.input.manager.canvas.style.cursor = cursorStyle;
}

export default SetInteractive;