From 41da932b9629d7f1426e2030412df1a41f65ff6e Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 21 十月 2024 11:05:14 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/map/player.js | 31 +++++++++++++++++--------------
1 files changed, 17 insertions(+), 14 deletions(-)
diff --git a/zy-acs-flow/src/map/player.js b/zy-acs-flow/src/map/player.js
index a4fd83b..72dd37a 100644
--- a/zy-acs-flow/src/map/player.js
+++ b/zy-acs-flow/src/map/player.js
@@ -229,23 +229,22 @@
}
showCoordinates = () => {
- const coordinatesText = new PIXI.Text('{ x: 0, y: 0 }', {
- fill: this.themeMode === 'dark' ? 0xffffff : 0x000000,
+ this.coordinatesText = new PIXI.Text('{ x: 0, y: 0 }', {
+ fill: this.themeMode === 'dark' ? 0xdddddd : 0x333333,
fontSize: 13,
- fontFamily: 'MicrosoftYaHei',
+ fontFamily: 'Microsoft YaHei',
fontWeight: 'bold',
});
- coordinatesText.name = 'xyStr'
- coordinatesText.position.set(10, 10);
- this.app.stage.addChild(coordinatesText);
+ this.coordinatesText.name = 'xyStr';
+ this.coordinatesText.position.set(10, 10);
+ this.app.stage.addChild(this.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);
+ this.app.stage.on('pointermove', (event) => {
+ const worldPos = event.data.getLocalPosition(this.mapContainer);
+ this.coordinatesText.text = `{ x: ${worldPos.x.toFixed(2)}, y: ${worldPos.y.toFixed(2)} }`;
+ });
}
+
showGridLines = () => {
this.hideGridLines();
@@ -391,19 +390,23 @@
}
setTheme = (themeMode) => {
- this.app.renderer.background.color = themeMode === 'dark' ? 0x2f3542 : 0xf1f2f6;
+ this.app.renderer.background.color = themeMode === 'dark' ? '#3a3f44' : '#f1f2f6';
+ if (this.coordinatesText) {
+ this.coordinatesText.style.fill = themeMode === 'dark' ? 0xdddddd : 0x333333;
+ }
}
}
const generateApp = (dom, themeMode) => {
const app = new PIXI.Application({
- background: themeMode === 'dark' ? '#2f3542' : '#f1f2f6',
+ background: themeMode === 'dark' ? '#3b4148' : '#f1f2f6',
antialias: true,
// resizeTo: dom,
})
app.stage.eventMode = 'static';
app.stage.hitArea = app.screen;
+
app.view.addEventListener('contextmenu', (event) => {
event.preventDefault();
});
--
Gitblit v1.9.1