make animation faster

src/ui/Duel/PlayMat/Card/springs/focus.ts

@@ -18,6 +18,9 @@ export const focus = async (props: { card: CardType; api: SpringApi }) => {
       ry: 0,
       // rz: 0,
       z: current.z + 50,
+      config: {
+        duration: 200,
+      },
     });
     await asyncStart(api)(current);
   } else {

src/ui/Duel/PlayMat/Card/springs/moveToGround.ts

@@ -107,7 +107,7 @@ export const moveToGround: MoveFunc = async (props) => {
       ry,
       rz,
       config: {
-        tension: 250,
+        tension: 350,
         clamp: true,
         easing: easings.easeOutSine,
       },
@@ -121,7 +121,7 @@ export const moveToGround: MoveFunc = async (props) => {
     zIndex: is_overlay ? 1 : 3,
     config: {
       easing: easings.easeInQuad,
-      duration: 200,
+      duration: 100,
       clamp: true,
     },
   });

src/ui/Duel/PlayMat/Card/springs/moveToHand.ts

@@ -55,5 +55,9 @@ export const moveToHand: MoveFunc = async (props) => {
     height: HAND_CARD_HEIGHT,
     zIndex: sequence,
     // rx: -PLANE_ROTATE_X,
+    config: {
+      duration: 200,
+      clamp: true,
+    },
   });
 };

src/ui/Duel/PlayMat/Card/springs/moveToOutside.ts

@@ -42,7 +42,8 @@ export const moveToOutside: MoveFunc = async (props) => {
     subZ: 100,
     zIndex: sequence,
     config: {
-      tension: 140,
+      tension: 350,
+      clamp: true,
     },
   });
   api.set({ subZ: 0 });