💄 标签节点巨大化视觉优化

Author: Littlefean

app/src/core/render/canvas2d/entityRenderer/EntityRenderer.tsx

@@ -196,7 +196,35 @@ export namespace EntityRenderer {
         Renderer.NODE_ROUNDED_RADIUS * Camera.currentScale,
       );
     }
+    // 用户不建议放大标签，所以这里注释掉了，但又有用户觉得这个也挺好，所以加个设置项
+    if (Renderer.enableTagTextNodesBigDisplay) {
+      if (StageManager.TagOptions.getTagUUIDs().includes(node.uuid)) {
+        if (Camera.currentScale < 0.25) {
+          const scaleRate = 5;
+          const rect = node.collisionBox.getRectangle();
 
+          const rectBgc =
+            node.color.a === 0 ? StageStyleManager.currentStyle.BackgroundColor.clone() : node.color.clone();
+          rectBgc.a = 0.5;
+
+          ShapeRenderer.renderRectFromCenter(
+            Renderer.transformWorld2View(rect.center),
+            rect.width * scaleRate * Camera.currentScale,
+            rect.height * scaleRate * Camera.currentScale,
+            rectBgc,
+            StageStyleManager.currentStyle.StageObjectBorderColor,
+            2 * Camera.currentScale,
+            Renderer.NODE_ROUNDED_RADIUS * scaleRate * Camera.currentScale,
+          );
+          TextRenderer.renderTextFromCenter(
+            node.text,
+            Renderer.transformWorld2View(rect.center),
+            Renderer.FONT_SIZE * scaleRate * Camera.currentScale,
+            StageStyleManager.currentStyle.StageObjectBorderColor,
+          );
+        }
+      }
+    }
     renderEntityDetails(node);
   }
 

app/src/core/render/canvas2d/renderer.tsx

@@ -16,7 +16,6 @@ import { Stage } from "../../stage/Stage";
 import { StageHistoryManager } from "../../stage/stageManager/StageHistoryManager";
 import { StageManager } from "../../stage/stageManager/StageManager";
 import { StageObject } from "../../stage/stageObject/abstract/StageObject";
-import { TextNode } from "../../stage/stageObject/entity/TextNode";
 import { CurveRenderer } from "./basicRenderer/curveRenderer";
 import { ShapeRenderer } from "./basicRenderer/shapeRenderer";
 import { TextRenderer } from "./basicRenderer/textRenderer";
@@ -514,28 +513,6 @@ export namespace Renderer {
         StageStyleManager.currentStyle.StageObjectBorderColor,
         2 * Camera.currentScale,
       );
-      // 用户不建议放大标签，所以这里注释掉了，但又有用户觉得这个也挺好，所以加个设置项
-      if (Renderer.enableTagTextNodesBigDisplay) {
-        if (Camera.currentScale < 0.25 && tagObject instanceof TextNode) {
-          const backRect = rect.clone();
-          backRect.location = transformWorld2View(rect.center).add(new Vector(-rect.size.x / 2, -rect.size.y / 2));
-          const rectBgc = StageStyleManager.currentStyle.BackgroundColor.clone();
-          rectBgc.a = 0.5;
-          ShapeRenderer.renderRect(
-            backRect,
-            rectBgc,
-            StageStyleManager.currentStyle.StageObjectBorderColor,
-            1,
-            NODE_ROUNDED_RADIUS,
-          );
-          TextRenderer.renderTextFromCenter(
-            tagObject.text,
-            transformWorld2View(rect.center),
-            FONT_SIZE,
-            StageStyleManager.currentStyle.StageObjectBorderColor,
-          );
-        }
-      }
     }
   }
   /**