blockly编程游戏

1、地图高宽监听-移出

src/views/block/MapGame.vue

@@ -378,10 +378,10 @@ function isIce(x, y) {
 // 计算点的样式
 function getPointStyle(point) {
   return {
-    left: point.x * actualTileSize.value - actualTileSize.value + 'px',
-    top: point.y * actualTileSize.value - actualTileSize.value + 'px',
-    width: actualTileSize.value + 'px',
-    height: actualTileSize.value + 'px',
+    left: point.x * tileSize.value - tileSize.value + 'px',
+    top: point.y * tileSize.value - tileSize.value + 'px',
+    width: tileSize.value + 'px',
+    height: tileSize.value + 'px',
     backgroundColor: 'rgba(52, 152, 219, 0.2)',
     border: '1px solid rgba(52, 152, 219, 0.5)',
     boxShadow: 'none',
@@ -390,14 +390,14 @@ function getPointStyle(point) {
 
 // 计算玩家样式
 const playerStyle = computed(() => ({
-  left: playerPosition.value.x * actualTileSize.value - actualTileSize.value + 'px',
-  top: playerPosition.value.y * actualTileSize.value - actualTileSize.value + 'px',
+  left: playerPosition.value.x * tileSize.value - tileSize.value + 'px',
+  top: playerPosition.value.y * tileSize.value - tileSize.value + 'px',
   transform: `rotate(${playerDirection.value * 90}deg)`,
   '--player-rotation': `${playerDirection.value * 90}deg`,
   '--player-image': `url(${playerImageSrc.value})`,
-  width: (actualTileSize.value * CONFIG.STYLES.PLAYER_SIZE_RATIO) + 'px',
-  height: (actualTileSize.value * CONFIG.STYLES.PLAYER_SIZE_RATIO) + 'px',
-  margin: (actualTileSize.value * CONFIG.STYLES.PLAYER_SIZE_MARGIN) + 'px',
+  width: (tileSize.value * CONFIG.STYLES.PLAYER_SIZE_RATIO) + 'px',
+  height: (tileSize.value * CONFIG.STYLES.PLAYER_SIZE_RATIO) + 'px',
+  margin: (tileSize.value * CONFIG.STYLES.PLAYER_SIZE_MARGIN) + 'px',
 }));
 
 // 显示游戏消息