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 | 25 ++++++++++++++++++++-----
1 files changed, 20 insertions(+), 5 deletions(-)
diff --git a/zy-acs-flow/src/map/player.js b/zy-acs-flow/src/map/player.js
index 4eb6bb7..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');
@@ -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