@mingxy/opencode-mascot 0.7.4 → 0.7.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mingxy/opencode-mascot",
-  "version": "0.7.4",
+  "version": "0.7.6",
   "description": "OpenCode TUI mascot plugin framework - customizable ASCII mascots for your terminal",
   "author": "mingxy",
   "license": "MIT",

package/src/components/home-mascot.tsx

@@ -68,31 +68,49 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
   });
 
   onScatter(() => {
-    renderers[currentName()].scatterIn();
   });
 
   renderers[currentName()].setCharacterHidden(true);
   renderers[currentName()].setProp(getProp("box") ?? null);
 
   const finalY = curY;
-  curY = finalY - 15;
+  const finalX = curX;
+  const fallStartY = finalY - 15;
+  const fallDuration = 500;
+  const fallStartTime = Date.now();
+  curY = fallStartY;
   applyPos();
-  let fallStep = 0;
+
   const fallInterval = setInterval(() => {
-    fallStep++;
-    curY = finalY - 15 + fallStep;
+    const elapsed = Date.now() - fallStartTime;
+    const t = Math.min(elapsed / fallDuration, 1);
+    const eased = t * t;
+    curY = Math.round(fallStartY + (finalY - fallStartY) * eased);
     applyPos();
-    if (fallStep >= 15) {
+    if (t >= 1) {
       clearInterval(fallInterval);
       curY = finalY;
       applyPos();
+
+      const shakeSeq = [1, -1, 1, -1, 0];
+      let shakeIdx = 0;
+      const shakeInterval = setInterval(() => {
+        if (shakeIdx >= shakeSeq.length) {
+          clearInterval(shakeInterval);
+          curX = finalX;
+          applyPos();
+          return;
+        }
+        curX = finalX + shakeSeq[shakeIdx];
+        applyPos();
+        shakeIdx++;
+      }, 60);
     }
-  }, 30);
+  }, 16);
 
   setTimeout(() => {
     renderers[currentName()].setProp(null);
     renderers[currentName()].setCharacterHidden(false);
-    renderers[currentName()].scatterIn();
   }, 6000);
 
   const stopDrag = () => {

package/src/components/sidebar-mascot.tsx

@@ -209,7 +209,7 @@ export function SidebarMascot(props: SidebarMascotProps): JSX.Element {
     setTimeout(() => setZBoost(false), 3500);
   });
 
-  let scattered = false;
+  let scattered = true;
 
   onScatter(() => {
     if (scattered) return;
@@ -221,24 +221,38 @@ export function SidebarMascot(props: SidebarMascotProps): JSX.Element {
   renderers[currentName()].setProp(getProp("box") ?? null);
 
   const finalY = posY();
-  setPosY(finalY - 15);
-  let fallStep = 0;
+  const finalX = posX();
+  const fallStartY = finalY - 15;
+  const fallDuration = 500;
+  const fallStartTime = Date.now();
+  setPosY(fallStartY);
+
   const fallInterval = setInterval(() => {
-    fallStep++;
-    setPosY(finalY - 15 + fallStep);
-    if (fallStep >= 15) {
+    const elapsed = Date.now() - fallStartTime;
+    const t = Math.min(elapsed / fallDuration, 1);
+    const eased = t * t;
+    setPosY(Math.round(fallStartY + (finalY - fallStartY) * eased));
+    if (t >= 1) {
       clearInterval(fallInterval);
       setPosY(finalY);
+
+      const shakeSeq = [1, -1, 1, -1, 0];
+      let shakeIdx = 0;
+      const shakeInterval = setInterval(() => {
+        if (shakeIdx >= shakeSeq.length) {
+          clearInterval(shakeInterval);
+          setPosX(finalX);
+          return;
+        }
+        setPosX(finalX + shakeSeq[shakeIdx]);
+        shakeIdx++;
+      }, 60);
     }
-  }, 30);
+  }, 16);
 
   setTimeout(() => {
     renderers[currentName()].setProp(null);
     renderers[currentName()].setCharacterHidden(false);
-    if (!scattered) {
-      scattered = true;
-      renderers[currentName()].scatterIn();
-    }
   }, 6000);
 
   return (