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