#

luxiaotao1123

2024-10-19 2efa376119e084f6c45f6d5da55d72bc19c40576

 zy-acs-flow/src/map/MapPage.jsx

@@ -34,7 +34,6 @@

let player;
let websocket;
let isFirstRender = true;

const Map = () => {
    const notify = useNotification();
@@ -87,13 +86,14 @@
            await Http.fetchMapData();
            websocket.connect();
            websocket.onMessage = (wsMsg) => {
                Tool.generateDynamicGraphic(curZone, JSON.parse(wsMsg));
                Tool.generateDynamicGraphic(curZone, JSON.parse(wsMsg), setCurSprite);
            }
            setDataFetched(true);
            setMode(MAP_MODE.OBSERVER_MODE);

            setTimeout(() => {
                player.adaptScreen();
                notify.info(translate('page.map.welcome'));
                player.adaptScreen();
                setDataFetched(true);
                setMode(MAP_MODE.OBSERVER_MODE);
            }, 200)
        }
        initialize();
@@ -140,7 +140,7 @@
                player.hideStarryBackground();

                player.activateMapMultiSelect((selectedSprites, restartFn) => {
                    setBatchSprites(selectedSprites);
                    Tool.multipleSelectEnhancer(selectedSprites, setCurSprite, setBatchSprites);
                });

                mapContainer.children.forEach(child => {
@@ -166,7 +166,7 @@
                // player.showStarryBackground(); // 0x2f68ac

                player.activateMapMultiSelect((selectedSprites, restartFn) => {
                    setBatchSprites(selectedSprites);
                    Tool.multipleSelectEnhancer(selectedSprites, setCurSprite, setBatchSprites);
                });

                mapContainer.children.forEach(child => {
@@ -363,6 +363,20 @@
                    flexGrow: 1,    // fill remaining of map space 
                    position: 'relative',
                    backgroundColor: '#fff',
                    ...(mode === MAP_MODE.SETTINGS_MODE && {
                        animation: 'settingsPulse 1.5s infinite',
                        '@keyframes settingsPulse': {
                            '0%': {
                                boxShadow: `0 0 3px 1px ${theme.palette.primary.main.replace('rgb', 'rgba').replace(')', `, 0.1)`)}`,
                            },
                            '50%': {
                                boxShadow: `0 0 8px 3px ${theme.palette.primary.main.replace('rgb', 'rgba').replace(')', `, 0.5)`)}`,
                            },
                            '100%': {
                                boxShadow: `0 0 3px 1px ${theme.palette.primary.main.replace('rgb', 'rgba').replace(')', `, 0.1)`)}`,
                            },
                        },
                    })
                }}
            >
                <Box