From cbd9fde3a2f8d4f5c45bea1a5215ad843e8dabc6 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期四, 10 十月 2024 14:32:45 +0800
Subject: [PATCH] #

---
 zy-acs-flow/src/map/player.js |   29 ++++++++++++++++++++++-------
 1 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/zy-acs-flow/src/map/player.js b/zy-acs-flow/src/map/player.js
index 2dfc06d..bb27b88 100644
--- a/zy-acs-flow/src/map/player.js
+++ b/zy-acs-flow/src/map/player.js
@@ -17,6 +17,7 @@
 
         this.activateMapScale();
         this.activateMapPan();
+        this.showCoordinates();
         this.startupTicker();
 
         const bunny = PIXI.Sprite.from('https://pixijs.com/assets/bunny.png');
@@ -32,8 +33,6 @@
 
     activateMapMultiSelect = (fn) => {
         const mapMultiSelectHandle = (event) => {
-            console.log(123);
-            
             if (event.button !== 0) {
                 return;
             }
@@ -102,6 +101,7 @@
                         fn(this.selectedSprites, () => {
                             // trigger at end of selectionBox when fn happen mouseup
                             this.selectedSprites = [];
+                            this.activateMapMultiSelect(fn);
                         });
                     }
 
@@ -111,6 +111,7 @@
             });
         }
 
+        this.mapContainer.parent.off('mousedown');
         this.mapContainer.parent.on('mousedown', mapMultiSelectHandle)
     }
 
@@ -226,6 +227,25 @@
             }, 200).start();
     }
 
+    showCoordinates = () => {
+        const coordinatesText = new PIXI.Text('{ x: 0, y: 0 }', {
+            fill: this.themeMode === 'dark' ? 0xffffff : 0x000000,
+            fontSize: 13,
+            fontFamily: 'MicrosoftYaHei',
+            fontWeight: 'bold',
+        });
+        coordinatesText.name = 'xyStr'
+        coordinatesText.position.set(10, 10);
+        this.app.stage.addChild(coordinatesText);
+
+        const mouseMoveInfoTextHandler = (event) => {
+            const mouseX = (event.clientX - this.mapContainer.position.x) / this.scale;
+            const mouseY = (event.clientY - this.mapContainer.position.y) / this.scale;
+            coordinatesText.text = `{ x: ${mouseX.toFixed(2)}, y: ${mouseY.toFixed(2)} }`;
+        };
+        this.app.view.addEventListener('mousemove', mouseMoveInfoTextHandler);
+    }
+
     showGridLines = () => {
         this.hideGridLines();
         if (!this.gridLineContainer) {
@@ -265,7 +285,6 @@
         }
     }
 
-
     startupTicker = () => {
         this.app.ticker.add((delta) => {
             TWEEDLE.Group.shared.update();
@@ -274,10 +293,6 @@
 
     resize = (width, height) => {
         this.app.renderer.resize(width, height);
-        this.mapContainer.children.forEach((child) => {
-            child.x = width / 2;
-            child.y = height / 2;
-        });
     }
 
     destroy = () => {

--
Gitblit v1.9.1