update setupHandInteractivity

src/config/ui.ts

@@ -64,7 +64,7 @@ export const HandHoverOutScaling = () => {
 export const HandInteractShape = () => {
   return { width: 0.8, height: 0.2 };
 };
-export const HandInteractFontSize = 300;
+export const HandInteractFontSize = 200;
 
 // 怪兽区
 export const MonsterColor = () => {

src/ui/Duel/simpleDuel/hands.ts

 import * as BABYLON from "@babylonjs/core";
 import * as BABYLON_GUI from "@babylonjs/gui";
 import * as CONFIG from "../../../config/ui";
-import { Card } from "../../../reducers/duel/util";
+import { Card, InteractType } from "../../../reducers/duel/util";
 
 export default (hands: Card[], scene: BABYLON.Scene) => {
   const handShape = CONFIG.HandShape();
@@ -59,8 +59,11 @@ function setupHandInteractivity(
   scene: BABYLON.Scene
 ) {
   const interactShape = CONFIG.HandInteractShape();
+  const interactivities = state.interactivities;
+
+  for (let i = 0; i < interactivities.length; i++) {
     const interact = BABYLON.MeshBuilder.CreatePlane(
-    `handInteract${handIdx}`,
+      `handInteract_${handIdx}_${i}`,
       interactShape,
       scene
     );
@@ -68,14 +71,16 @@ function setupHandInteractivity(
     // 调整位置
     interact.translate(
       new BABYLON.Vector3(0, 1, 0),
-    CONFIG.HandShape().height / 2 + interactShape.height / 2
+      CONFIG.HandShape().height / 2 +
+        interactShape.height / 2 +
+        interactShape.height * i
     );
 
     const advancedTexture =
       BABYLON_GUI.AdvancedDynamicTexture.CreateForMesh(interact);
     const button = BABYLON_GUI.Button.CreateImageWithCenterTextButton(
-    `handInteractButtion${handIdx}`,
-    "test",
+      `handInteractButtion_${handIdx}_${i}`,
+      interactTypeToString(interactivities[i].interactType),
       "http://localhost:3030/images/interact_button.png"
     );
     button.fontSize = CONFIG.HandInteractFontSize;
@@ -84,6 +89,7 @@ function setupHandInteractivity(
       console.log(`<Interact>hand ${handIdx}`);
     });
     advancedTexture.addControl(button);
+  }
 }
 
 function setupHandAction(
@@ -149,3 +155,7 @@ function setupHandAction(
     )
   );
 }
+
+function interactTypeToString(t: InteractType): string {
+  return InteractType[t];
+}