@mumulinya167/ccm-pet-assets 2.0.3 → 2.0.6

package/assets/clawd/clawd-react-annoyed.svg

@@ -1,167 +1,167 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-15 -25 45 45" width="500" height="500">
-  <defs>
-    <style>
-      /* ===== 6s one-shot: annoyed, pause, resigned sigh, slow return =====
-         Phase 1 (0-6%,    ~0.36s): Flinch
-         Phase 2 (6-18%,   ~0.72s): Lean away + hand block + question mark
-         Phase 3 (18-35%,  ~1.02s): Hold — stay annoyed, question mark fades
-         Phase 4 (35-55%,  ~1.20s): Sigh — hand drops, body slumps, puff cloud
-         Phase 5 (55-70%,  ~0.90s): Linger slumped — still tired
-         Phase 6 (70-90%,  ~1.20s): Slow return
-         Phase 7 (90-100%, ~0.60s): Still
-      */
-
-      .body-react {
-        transform-origin: 7.5px 12px;
-        animation: body-react 6s 1 ease-in-out forwards;
-      }
-      .arm-l-react {
-        transform-origin: 2px 10px;
-        animation: arm-l-react 6s 1 ease-in-out forwards;
-      }
-      .eyes-react {
-        transform-origin: 7.5px 9px;
-        animation: eyes-react 6s 1 ease-in-out forwards;
-      }
-      .shadow-react {
-        transform-origin: 7.5px 15.5px;
-        animation: shadow-react 6s 1 ease-in-out forwards;
-      }
-      .qmark {
-        opacity: 0;
-        transform-origin: 8px -2px;
-        animation: qmark-pop 6s 1 ease-out forwards;
-      }
-      .sigh-cloud {
-        opacity: 0;
-        transform-origin: 16px 9px;
-        animation: sigh-puff 6s 1 ease-out forwards;
-      }
-
-      /* Body: flinch, lean, HOLD, sigh slump, LINGER, slow return */
-      @keyframes body-react {
-        0%        { transform: translate(0, 0) scale(1, 1); }
-        4%        { transform: translate(0, 1.5px) scale(1, 1); }
-        6%        { transform: translate(0, 1px) scale(1, 1); }
-        14%       { transform: translate(2px, 0) scale(1, 1); }
-        /* hold annoyed pose */
-        35%       { transform: translate(2px, 0) scale(1, 1); }
-        /* sigh: rise then slump */
-        40%       { transform: translate(1.5px, -0.5px) scale(1, 1.01); }
-        46%       { transform: translate(1px, 1px) scale(1.03, 0.97); }
-        52%       { transform: translate(0.5px, 0.5px) scale(1.01, 0.99); }
-        /* linger slumped */
-        68%       { transform: translate(0.3px, 0.3px) scale(1, 1); }
-        /* slow return */
-        85%       { transform: translate(0, 0) scale(1, 1); }
-        100%      { transform: translate(0, 0) scale(1, 1); }
-      }
-
-      /* Left arm: block, hold, resigned drop */
-      @keyframes arm-l-react {
-        0%        { transform: rotate(0deg); }
-        6%        { transform: rotate(0deg); }
-        14%       { transform: rotate(-50deg); }
-        /* hold block through pause */
-        35%       { transform: rotate(-45deg); }
-        /* resigned drop */
-        43%       { transform: rotate(-15deg); }
-        48%       { transform: rotate(0deg); }
-        100%      { transform: rotate(0deg); }
-      }
-
-      /* Eyes: squint, half-lid, HOLD, sigh-close, tired linger, recover */
-      @keyframes eyes-react {
-        0%        { transform: scaleY(1); }
-        3%        { transform: scaleY(0.2); }
-        6%        { transform: scaleY(0.6); }
-        14%       { transform: scaleY(0.5); }
-        /* hold half-lid through pause */
-        35%       { transform: scaleY(0.5); }
-        /* sigh: close then reopen tired */
-        40%       { transform: scaleY(0.1); }
-        46%       { transform: scaleY(0.6); }
-        /* linger tired */
-        68%       { transform: scaleY(0.6); }
-        /* blink, back to normal */
-        74%       { transform: scaleY(0.1); }
-        78%       { transform: scaleY(1); }
-        100%      { transform: scaleY(1); }
-      }
-
-      /* Question mark: pop during lean, fade during hold */
-      @keyframes qmark-pop {
-        0%, 4%    { opacity: 0; transform: translate(0, 4px) scale(0.5); }
-        10%       { opacity: 1; transform: translate(0, 0) scale(1.1); }
-        14%, 26%  { opacity: 1; transform: translate(0, 0) scale(1); }
-        34%       { opacity: 0; transform: translate(0, -3px) scale(1.1); }
-        100%      { opacity: 0; }
-      }
-
-      /* Sigh puff: breath cloud after hold */
-      @keyframes sigh-puff {
-        0%, 37%   { opacity: 0; transform: translate(0, 1px) scale(0.3); }
-        43%       { opacity: 0.6; transform: translate(0, 0) scale(0.8); }
-        48%       { opacity: 0.7; transform: translate(1px, 0) scale(1); }
-        60%       { opacity: 0; transform: translate(4px, -4px) scale(1.3); }
-        100%      { opacity: 0; }
-      }
-
-      /* Shadow */
-      @keyframes shadow-react {
-        0%        { transform: translate(0, 0) scaleX(1); opacity: 0.5; }
-        4%        { transform: translate(0, 0) scaleX(0.93); opacity: 0.45; }
-        14%       { transform: translate(1px, 0) scaleX(1); opacity: 0.5; }
-        35%       { transform: translate(1px, 0) scaleX(1); opacity: 0.5; }
-        46%       { transform: translate(0.5px, 0) scaleX(1.05); opacity: 0.55; }
-        68%       { transform: translate(0.3px, 0) scaleX(1.02); opacity: 0.52; }
-        85%       { transform: translate(0, 0) scaleX(1); opacity: 0.5; }
-        100%      { transform: translate(0, 0) scaleX(1); opacity: 0.5; }
-      }
-    </style>
-  </defs>
-
-  <!-- Ground Shadow -->
-  <rect class="shadow-react" x="3" y="15" width="9" height="1" fill="#000" opacity="0.5"/>
-
-  <!-- Static Legs -->
-  <g fill="#DE886D">
-    <rect x="3" y="11" width="1" height="4"/>
-    <rect x="5" y="11" width="1" height="4"/>
-    <rect x="9" y="11" width="1" height="4"/>
-    <rect x="11" y="11" width="1" height="4"/>
-  </g>
-
-  <!-- Animated Upper Body -->
-  <g class="body-react">
-    <!-- Torso -->
-    <g fill="#DE886D">
-      <rect x="2" y="6" width="11" height="7"/>
-    </g>
-    <!-- Arms -->
-    <g fill="#DE886D">
-      <g class="arm-l-react"><rect x="0" y="9" width="2" height="2"/></g>
-      <rect x="13" y="9" width="2" height="2"/>
-    </g>
-    <!-- Eyes -->
-    <g class="eyes-react" fill="#000">
-      <rect x="4" y="8" width="1" height="2"/>
-      <rect x="10" y="8" width="1" height="2"/>
-    </g>
-    <!-- Question mark -->
-    <g class="qmark" fill="#5C9CE6">
-      <rect x="7" y="-5" width="2" height="1"/>
-      <rect x="6" y="-4" width="1" height="1"/>
-      <rect x="9" y="-4" width="1" height="2"/>
-      <rect x="8" y="-2" width="1" height="1"/>
-      <rect x="7" y="-1" width="1" height="1"/>
-      <rect x="7" y="1" width="1" height="1"/>
-    </g>
-    <!-- Sigh puff cloud (right side of face) -->
-    <g class="sigh-cloud" fill="#FFF">
-      <rect x="14" y="9" width="2" height="1"/>
-      <rect x="15" y="8" width="2" height="1"/>
-      <rect x="16" y="7" width="2" height="1"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-15 -25 45 45" width="500" height="500">
+  <defs>
+    <style>
+      /* ===== 6s one-shot: annoyed, pause, resigned sigh, slow return =====
+         Phase 1 (0-6%,    ~0.36s): Flinch
+         Phase 2 (6-18%,   ~0.72s): Lean away + hand block + question mark
+         Phase 3 (18-35%,  ~1.02s): Hold — stay annoyed, question mark fades
+         Phase 4 (35-55%,  ~1.20s): Sigh — hand drops, body slumps, puff cloud
+         Phase 5 (55-70%,  ~0.90s): Linger slumped — still tired
+         Phase 6 (70-90%,  ~1.20s): Slow return
+         Phase 7 (90-100%, ~0.60s): Still
+      */
+
+      .body-react {
+        transform-origin: 7.5px 12px;
+        animation: body-react 6s 1 ease-in-out forwards;
+      }
+      .arm-l-react {
+        transform-origin: 2px 10px;
+        animation: arm-l-react 6s 1 ease-in-out forwards;
+      }
+      .eyes-react {
+        transform-origin: 7.5px 9px;
+        animation: eyes-react 6s 1 ease-in-out forwards;
+      }
+      .shadow-react {
+        transform-origin: 7.5px 15.5px;
+        animation: shadow-react 6s 1 ease-in-out forwards;
+      }
+      .qmark {
+        opacity: 0;
+        transform-origin: 8px -2px;
+        animation: qmark-pop 6s 1 ease-out forwards;
+      }
+      .sigh-cloud {
+        opacity: 0;
+        transform-origin: 16px 9px;
+        animation: sigh-puff 6s 1 ease-out forwards;
+      }
+
+      /* Body: flinch, lean, HOLD, sigh slump, LINGER, slow return */
+      @keyframes body-react {
+        0%        { transform: translate(0, 0) scale(1, 1); }
+        4%        { transform: translate(0, 1.5px) scale(1, 1); }
+        6%        { transform: translate(0, 1px) scale(1, 1); }
+        14%       { transform: translate(2px, 0) scale(1, 1); }
+        /* hold annoyed pose */
+        35%       { transform: translate(2px, 0) scale(1, 1); }
+        /* sigh: rise then slump */
+        40%       { transform: translate(1.5px, -0.5px) scale(1, 1.01); }
+        46%       { transform: translate(1px, 1px) scale(1.03, 0.97); }
+        52%       { transform: translate(0.5px, 0.5px) scale(1.01, 0.99); }
+        /* linger slumped */
+        68%       { transform: translate(0.3px, 0.3px) scale(1, 1); }
+        /* slow return */
+        85%       { transform: translate(0, 0) scale(1, 1); }
+        100%      { transform: translate(0, 0) scale(1, 1); }
+      }
+
+      /* Left arm: block, hold, resigned drop */
+      @keyframes arm-l-react {
+        0%        { transform: rotate(0deg); }
+        6%        { transform: rotate(0deg); }
+        14%       { transform: rotate(-50deg); }
+        /* hold block through pause */
+        35%       { transform: rotate(-45deg); }
+        /* resigned drop */
+        43%       { transform: rotate(-15deg); }
+        48%       { transform: rotate(0deg); }
+        100%      { transform: rotate(0deg); }
+      }
+
+      /* Eyes: squint, half-lid, HOLD, sigh-close, tired linger, recover */
+      @keyframes eyes-react {
+        0%        { transform: scaleY(1); }
+        3%        { transform: scaleY(0.2); }
+        6%        { transform: scaleY(0.6); }
+        14%       { transform: scaleY(0.5); }
+        /* hold half-lid through pause */
+        35%       { transform: scaleY(0.5); }
+        /* sigh: close then reopen tired */
+        40%       { transform: scaleY(0.1); }
+        46%       { transform: scaleY(0.6); }
+        /* linger tired */
+        68%       { transform: scaleY(0.6); }
+        /* blink, back to normal */
+        74%       { transform: scaleY(0.1); }
+        78%       { transform: scaleY(1); }
+        100%      { transform: scaleY(1); }
+      }
+
+      /* Question mark: pop during lean, fade during hold */
+      @keyframes qmark-pop {
+        0%, 4%    { opacity: 0; transform: translate(0, 4px) scale(0.5); }
+        10%       { opacity: 1; transform: translate(0, 0) scale(1.1); }
+        14%, 26%  { opacity: 1; transform: translate(0, 0) scale(1); }
+        34%       { opacity: 0; transform: translate(0, -3px) scale(1.1); }
+        100%      { opacity: 0; }
+      }
+
+      /* Sigh puff: breath cloud after hold */
+      @keyframes sigh-puff {
+        0%, 37%   { opacity: 0; transform: translate(0, 1px) scale(0.3); }
+        43%       { opacity: 0.6; transform: translate(0, 0) scale(0.8); }
+        48%       { opacity: 0.7; transform: translate(1px, 0) scale(1); }
+        60%       { opacity: 0; transform: translate(4px, -4px) scale(1.3); }
+        100%      { opacity: 0; }
+      }
+
+      /* Shadow */
+      @keyframes shadow-react {
+        0%        { transform: translate(0, 0) scaleX(1); opacity: 0.5; }
+        4%        { transform: translate(0, 0) scaleX(0.93); opacity: 0.45; }
+        14%       { transform: translate(1px, 0) scaleX(1); opacity: 0.5; }
+        35%       { transform: translate(1px, 0) scaleX(1); opacity: 0.5; }
+        46%       { transform: translate(0.5px, 0) scaleX(1.05); opacity: 0.55; }
+        68%       { transform: translate(0.3px, 0) scaleX(1.02); opacity: 0.52; }
+        85%       { transform: translate(0, 0) scaleX(1); opacity: 0.5; }
+        100%      { transform: translate(0, 0) scaleX(1); opacity: 0.5; }
+      }
+    </style>
+  </defs>
+
+  <!-- Ground Shadow -->
+  <rect class="shadow-react" x="3" y="15" width="9" height="1" fill="#000" opacity="0.5"/>
+
+  <!-- Static Legs -->
+  <g fill="#DE886D">
+    <rect x="3" y="11" width="1" height="4"/>
+    <rect x="5" y="11" width="1" height="4"/>
+    <rect x="9" y="11" width="1" height="4"/>
+    <rect x="11" y="11" width="1" height="4"/>
+  </g>
+
+  <!-- Animated Upper Body -->
+  <g class="body-react">
+    <!-- Torso -->
+    <g fill="#DE886D">
+      <rect x="2" y="6" width="11" height="7"/>
+    </g>
+    <!-- Arms -->
+    <g fill="#DE886D">
+      <g class="arm-l-react"><rect x="0" y="9" width="2" height="2"/></g>
+      <rect x="13" y="9" width="2" height="2"/>
+    </g>
+    <!-- Eyes -->
+    <g class="eyes-react" fill="#000">
+      <rect x="4" y="8" width="1" height="2"/>
+      <rect x="10" y="8" width="1" height="2"/>
+    </g>
+    <!-- Question mark -->
+    <g class="qmark" fill="#5C9CE6">
+      <rect x="7" y="-5" width="2" height="1"/>
+      <rect x="6" y="-4" width="1" height="1"/>
+      <rect x="9" y="-4" width="1" height="2"/>
+      <rect x="8" y="-2" width="1" height="1"/>
+      <rect x="7" y="-1" width="1" height="1"/>
+      <rect x="7" y="1" width="1" height="1"/>
+    </g>
+    <!-- Sigh puff cloud (right side of face) -->
+    <g class="sigh-cloud" fill="#FFF">
+      <rect x="14" y="9" width="2" height="1"/>
+      <rect x="15" y="8" width="2" height="1"/>
+      <rect x="16" y="7" width="2" height="1"/>
+    </g>
+  </g>
+</svg>