From daad745a9cf2e66c0021a359005175bdeddc51e5 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期五, 18 十月 2024 16:12:23 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/map/player.js | 49 ++++++++++++++++++++++++++++---------------------
1 files changed, 28 insertions(+), 21 deletions(-)
diff --git a/zy-acs-flow/src/map/player.js b/zy-acs-flow/src/map/player.js
index 63f6d2c..b5b60f9 100644
--- a/zy-acs-flow/src/map/player.js
+++ b/zy-acs-flow/src/map/player.js
@@ -21,14 +21,14 @@
this.showCoordinates();
this.startupTicker();
- const bunny = PIXI.Sprite.from('https://pixijs.com/assets/bunny.png');
- bunny.anchor.set(0.5);
- bunny.x = 500;
- bunny.y = 400;
- this.mapContainer.addChild(bunny);
- this.app.ticker.add((delta) => {
- bunny.rotation += 0.1 * delta;
- });
+ // const bunny = PIXI.Sprite.from('https://pixijs.com/assets/bunny.png');
+ // bunny.anchor.set(0.5);
+ // bunny.x = 500;
+ // bunny.y = 400;
+ // this.mapContainer.addChild(bunny);
+ // this.app.ticker.add((delta) => {
+ // bunny.rotation += 0.1 * delta;
+ // });
}
@@ -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();
@@ -390,16 +389,24 @@
this.app.destroy(true, { children: true });
}
+ setTheme = (themeMode) => {
+ 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