From 7f70cb15d035f0c233b9e62b9e43aa985317c908 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 04 十一月 2024 10:22:45 +0800
Subject: [PATCH] #

---
 zy-acs-flow/src/map/player.js |   58 ++++++++++++++++++++++++++++++++++------------------------
 1 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/zy-acs-flow/src/map/player.js b/zy-acs-flow/src/map/player.js
index 63f6d2c..6960fa9 100644
--- a/zy-acs-flow/src/map/player.js
+++ b/zy-acs-flow/src/map/player.js
@@ -1,7 +1,7 @@
 import * as PIXI from 'pixi.js';
 import * as TWEEDLE from 'tweedle.js';
 import * as Tool from './tool';
-import star from '/public/img/map/star.png'
+import star from '/img/map/star.png'
 
 export default class Player {
 
@@ -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();
@@ -377,9 +376,10 @@
     }
 
     startupTicker = () => {
-        this.app.ticker.add((delta) => {
+        this.tweedle = (delta) => {
             TWEEDLE.Group.shared.update();
-        });
+        }
+        this.app.ticker.add(this.tweedle);
     }
 
     resize = (width, height) => {
@@ -387,19 +387,29 @@
     }
 
     destroy = () => {
+        TWEEDLE.Group.shared.removeAll();
+        this.app.ticker.remove(this.tweedle);
         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