From ee9e27f969ccd8acb5b71546fcb9bd7e44bca8b7 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期五, 15 三月 2024 10:29:11 +0800
Subject: [PATCH] #

---
 zy-asrs-flow/src/pages/map/player.js |   10 ++++++----
 zy-asrs-flow/src/pages/map/utils.js  |   17 +++++++++++------
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/zy-asrs-flow/src/pages/map/player.js b/zy-asrs-flow/src/pages/map/player.js
index 35edc66..f7503c9 100644
--- a/zy-asrs-flow/src/pages/map/player.js
+++ b/zy-asrs-flow/src/pages/map/player.js
@@ -22,7 +22,7 @@
         this.activateMapScale();
         this.activateMapPan();
         this.showCoordinates();
-        this.appTicker();
+        this.getStartedTicker();
     }
 
     activateMapEvent = (leftEvent, rightEvent) => {
@@ -294,7 +294,7 @@
     }
 
     hideStarryBackground = () => {
-        if(this.starryTicker) {
+        if (this.starryTicker) {
             this.app.ticker.remove(this.starryTicker);
             this.starryTicker = null;
         }
@@ -315,8 +315,10 @@
         this.didClickSprite = value;
     }
 
-    appTicker = () => {
-        TWEEDLE.Group.shared.update();
+    getStartedTicker = () => {
+        this.app.ticker.add((delta) => {
+            TWEEDLE.Group.shared.update();
+        });
     }
 
 }
diff --git a/zy-asrs-flow/src/pages/map/utils.js b/zy-asrs-flow/src/pages/map/utils.js
index 9db5e6d..4582016 100644
--- a/zy-asrs-flow/src/pages/map/utils.js
+++ b/zy-asrs-flow/src/pages/map/utils.js
@@ -1,4 +1,5 @@
 import * as PIXI from 'pixi.js';
+import * as TWEEDLE from 'tweedle.js';
 
 let app = null;
 let mapContainer = null;
@@ -306,11 +307,15 @@
         app.renderer.height / (maxY - minY) * 0.9 // 90%鐨勯珮搴�
     );
 
-    mapContainer.scale.set(newScale);
+    new TWEEDLE.Tween(mapContainer.scale).easing(TWEEDLE.Easing.Quadratic.Out)
+        .to({
+            x: newScale,
+            y: newScale
+        }, 200).start();
 
-    // 璁╁湴鍥惧鍣ㄧ殑涓績鐐瑰畾浣嶅埌灞忓箷鐨勪腑蹇�
-    mapContainer.position.set(
-        app.renderer.width / 2 - centerPoint.x * newScale,
-        app.renderer.height / 2 - centerPoint.y * newScale
-    );
+    new TWEEDLE.Tween(mapContainer.position).easing(TWEEDLE.Easing.Quadratic.Out)
+        .to({
+            x: app.renderer.width / 2 - centerPoint.x * newScale,
+            y: app.renderer.height / 2 - centerPoint.y * newScale
+        }, 200).start();
 }
\ No newline at end of file

--
Gitblit v1.9.1