rerange simpleDuel hands.ts

src/ui/Duel/simpleDuel/hands.ts

@@ -10,39 +10,63 @@ export default (hands: Card[], scene: BABYLON.Scene) => {
       handShape,
       scene
     );
-    // 位置
-    hand.position = new BABYLON.Vector3(
-      item.transform.position?.x,
-      item.transform.position?.y,
-      item.transform.position?.z
+    // 位置&旋转
+    setupHandTransform(hand, item);
+    // 材质
+    setupHandMaterial(hand, item, scene);
+    // 事件管理
+    setupHandAction(hand, item, idx, scene);
+  });
+};
+
+function setupHandTransform(mesh: BABYLON.Mesh, state: Card) {
+  mesh.position = new BABYLON.Vector3(
+    state.transform.position?.x,
+    state.transform.position?.y,
+    state.transform.position?.z
   );
-    hand.rotation = new BABYLON.Vector3(
-      item.transform.rotation?.x,
-      item.transform.rotation?.y,
-      item.transform.rotation?.z
+  mesh.rotation = new BABYLON.Vector3(
+    state.transform.rotation?.x,
+    state.transform.rotation?.y,
+    state.transform.rotation?.z
+  );
+}
+
+function setupHandMaterial(
+  mesh: BABYLON.Mesh,
+  state: Card,
+  scene: BABYLON.Scene
+) {
+  const handMaterial = new BABYLON.StandardMaterial(
+    `handMaterial${state.meta.id}`,
+    scene
   );
-    // 材质
-    const handMaterial = new BABYLON.StandardMaterial("handMaterial", scene);
   // 材质贴纸
   handMaterial.diffuseTexture = new BABYLON.Texture(
-      `https://cdn02.moecube.com:444/images/ygopro-images-zh-CN/${item.meta.id}.jpg`,
+    `https://cdn02.moecube.com:444/images/ygopro-images-zh-CN/${state.meta.id}.jpg`,
     scene
   );
-    hand.material = handMaterial;
+  mesh.material = handMaterial;
+}
 
-    // 事件管理
-    hand.actionManager = new BABYLON.ActionManager(scene);
+function setupHandAction(
+  mesh: BABYLON.Mesh,
+  state: Card,
+  handIdx: number,
+  scene: BABYLON.Scene
+) {
+  mesh.actionManager = new BABYLON.ActionManager(scene);
   // 监听点击事件
-    hand.actionManager.registerAction(
+  mesh.actionManager.registerAction(
     new BABYLON.ExecuteCodeAction(
       BABYLON.ActionManager.OnPickTrigger,
       (event) => {
-          console.log(`<Click>hand: ${idx}`, "card:", item, "event:", event);
+        console.log(`<Click>hand: ${handIdx}`, "card:", state, "event:", event);
       }
     )
   );
   // 监听`Hover`事件
-    hand.actionManager.registerAction(
+  mesh.actionManager.registerAction(
     new BABYLON.CombineAction(
       { trigger: BABYLON.ActionManager.OnPointerOverTrigger },
       [
@@ -50,7 +74,7 @@ export default (hands: Card[], scene: BABYLON.Scene) => {
           {
             trigger: BABYLON.ActionManager.OnPointerOverTrigger,
           },
-            hand,
+          mesh,
           "scaling",
           CONFIG.HandHoverScaling()
         ),
@@ -58,14 +82,14 @@ export default (hands: Card[], scene: BABYLON.Scene) => {
         new BABYLON.ExecuteCodeAction(
           BABYLON.ActionManager.OnPointerOverTrigger,
           (event) => {
-              console.log(`<Hover>hand: ${idx}`, "event: ", event);
+            console.log(`<Hover>hand: ${handIdx}`, "event: ", event);
           }
         ),
       ]
     )
   );
   // 监听`Hover`离开事件
-    hand.actionManager.registerAction(
+  mesh.actionManager.registerAction(
     new BABYLON.CombineAction(
       { trigger: BABYLON.ActionManager.OnPointerOutTrigger },
       [
@@ -73,7 +97,7 @@ export default (hands: Card[], scene: BABYLON.Scene) => {
           {
             trigger: BABYLON.ActionManager.OnPointerOutTrigger,
           },
-            hand,
+          mesh,
           "scaling",
           CONFIG.HandHoverOutScaling()
         ),
@@ -81,11 +105,10 @@ export default (hands: Card[], scene: BABYLON.Scene) => {
         new BABYLON.ExecuteCodeAction(
           BABYLON.ActionManager.OnPointerOutTrigger,
           (event) => {
-              console.log(`<Hover Out>hand: ${idx}`, "event:", event);
+            console.log(`<Hover Out>hand: ${handIdx}`, "event:", event);
           }
         ),
       ]
     )
   );
-  });
-};
+}