#

luxiaotao1123

2024-03-15 ee9e27f969ccd8acb5b71546fcb9bd7e44bca8b7

#

 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();
        });
    }

}

 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();
}