#

luxiaotao1123

2024-03-05 80df92086c27146d992fa8cb91c4d154a6c2c45c

 zy-asrs-flow/src/pages/map/player.js

@@ -4,8 +4,9 @@

export default class Player {

    constructor(dom, dark) {
    constructor(dom, dark, didClickSprite) {
        this.darkModel = dark;
        this.didClickSprite = didClickSprite;
        // init
        this.app = generatePixiApp(dark);
        dom.appendChild(this.app.view);
@@ -20,7 +21,7 @@

        this.pan = false; // 平移

        this.activateMapEvent(null, Utils.MapEvent.PAN)
        this.activateMapEvent(null, Utils.MapEvent.PAN);
        this.activateMapScale();
        this.showCoordinates();
        this.appTicker();
@@ -28,7 +29,7 @@

    activateMapEvent = (leftEvent, rightEvent) => {
        if (this.mapEvent) {
            this.app.view.removeEventListener('mousemove', this.mapEvent);
            this.app.view.removeEventListener('mousedown', this.mapEvent);
        }

        this.mapEvent = (event) => {
@@ -58,7 +59,6 @@
    }

    mapSelect = (event) => {
        let that = this;
        let isSelecting = false;

        const selectionBox = new PIXI.Graphics();
@@ -71,11 +71,11 @@

        isSelecting = true;

        function handleMouseMove(event) {
            if (isSelecting) {
        const handleMouseMove = (event) => {
            if (isSelecting && !this.didClickSprite) {
                // end
                const endPoint = new PIXI.Point();
                that.app.renderer.events.mapPositionToPoint(endPoint, event.clientX, event.clientY);
                this.app.renderer.events.mapPositionToPoint(endPoint, event.clientX, event.clientY);
                const selectionEnd = { x: endPoint.x, y: endPoint.y }

                const width = Math.abs(selectionEnd.x - selectionStart.x);
@@ -205,6 +205,10 @@
        }
    }

    updateDidClickSprite = (value) => {
        this.didClickSprite = value;
    }

    appTicker = () => {
        TWEEDLE.Group.shared.update();
    }