@mumulinya167/ccm-pet-assets 2.0.0 → 2.0.2

package/assets/clawd/clawd-idle-doze.svg

@@ -1,72 +1,72 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-15 -25 45 45" width="500" height="500">
-  <defs>
-    <style>
-      /* Dozing — looping gentle breathing in yawn-end squashed pose, eyes shut */
-      .doze-body {
-        transform-origin: 7.5px 13px;
-        animation: doze-breathe 4s infinite ease-in-out;
-      }
-
-      .doze-shadow {
-        transform-origin: 7.5px 15.5px;
-        animation: doze-shadow 4s infinite ease-in-out;
-      }
-
-      .eyes-shut {
-        transform-origin: 7.5px 9px;
-        transform: scaleY(0.1);
-        transition: transform 0.3s ease-out;
-      }
-
-      .arm-l-doze {
-        transform-origin: 1px 10px;
-        transform: translate(0px, 1px) rotate(-15deg);
-      }
-
-      .arm-r-doze {
-        transform-origin: 14px 10px;
-        transform: translate(0px, 1px) rotate(15deg);
-      }
-
-      @keyframes doze-breathe {
-        0%, 100% { transform: scale(1.05, 0.95) translate(0, 1px); }
-        50% { transform: scale(1.08, 0.92) translate(0, 1.8px); }
-      }
-
-      @keyframes doze-shadow {
-        0%, 100% { transform: scaleX(1.05); opacity: 0.55; }
-        50% { transform: scaleX(1.08); opacity: 0.5; }
-      }
-    </style>
-  </defs>
-
-  <!-- Ground Shadow -->
-  <rect class="doze-shadow" x="3" y="15" width="9" height="1" fill="#000000" opacity="0.55"/>
-
-  <!-- Static Legs -->
-  <g id="legs" fill="#DE886D">
-    <rect x="3" y="12" width="1" height="3"/>
-    <rect x="5" y="12" width="1" height="3"/>
-    <rect x="9" y="12" width="1" height="3"/>
-    <rect x="11" y="12" width="1" height="3"/>
-  </g>
-
-  <!-- Dozing Body (squashed yawn-end pose + gentle breathing) -->
-  <g class="doze-body">
-    <!-- Torso -->
-    <rect x="2" y="6" width="11" height="7" fill="#DE886D"/>
-    <!-- Left Arm (relaxed down) -->
-    <g class="arm-l-doze">
-      <rect x="0" y="9" width="2" height="2" fill="#DE886D"/>
-    </g>
-    <!-- Right Arm (relaxed down) -->
-    <g class="arm-r-doze">
-      <rect x="13" y="9" width="2" height="2" fill="#DE886D"/>
-    </g>
-    <!-- Eyes shut (JS can open via style.transform override) -->
-    <g id="eyes-doze" class="eyes-shut" fill="#000000">
-      <rect x="4" y="8" width="1" height="2"/>
-      <rect x="10" y="8" width="1" height="2"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-15 -25 45 45" width="500" height="500">
+  <defs>
+    <style>
+      /* Dozing — looping gentle breathing in yawn-end squashed pose, eyes shut */
+      .doze-body {
+        transform-origin: 7.5px 13px;
+        animation: doze-breathe 4s infinite ease-in-out;
+      }
+
+      .doze-shadow {
+        transform-origin: 7.5px 15.5px;
+        animation: doze-shadow 4s infinite ease-in-out;
+      }
+
+      .eyes-shut {
+        transform-origin: 7.5px 9px;
+        transform: scaleY(0.1);
+        transition: transform 0.3s ease-out;
+      }
+
+      .arm-l-doze {
+        transform-origin: 1px 10px;
+        transform: translate(0px, 1px) rotate(-15deg);
+      }
+
+      .arm-r-doze {
+        transform-origin: 14px 10px;
+        transform: translate(0px, 1px) rotate(15deg);
+      }
+
+      @keyframes doze-breathe {
+        0%, 100% { transform: scale(1.05, 0.95) translate(0, 1px); }
+        50% { transform: scale(1.08, 0.92) translate(0, 1.8px); }
+      }
+
+      @keyframes doze-shadow {
+        0%, 100% { transform: scaleX(1.05); opacity: 0.55; }
+        50% { transform: scaleX(1.08); opacity: 0.5; }
+      }
+    </style>
+  </defs>
+
+  <!-- Ground Shadow -->
+  <rect class="doze-shadow" x="3" y="15" width="9" height="1" fill="#000000" opacity="0.55"/>
+
+  <!-- Static Legs -->
+  <g id="legs" fill="#DE886D">
+    <rect x="3" y="12" width="1" height="3"/>
+    <rect x="5" y="12" width="1" height="3"/>
+    <rect x="9" y="12" width="1" height="3"/>
+    <rect x="11" y="12" width="1" height="3"/>
+  </g>
+
+  <!-- Dozing Body (squashed yawn-end pose + gentle breathing) -->
+  <g class="doze-body">
+    <!-- Torso -->
+    <rect x="2" y="6" width="11" height="7" fill="#DE886D"/>
+    <!-- Left Arm (relaxed down) -->
+    <g class="arm-l-doze">
+      <rect x="0" y="9" width="2" height="2" fill="#DE886D"/>
+    </g>
+    <!-- Right Arm (relaxed down) -->
+    <g class="arm-r-doze">
+      <rect x="13" y="9" width="2" height="2" fill="#DE886D"/>
+    </g>
+    <!-- Eyes shut (JS can open via style.transform override) -->
+    <g id="eyes-doze" class="eyes-shut" fill="#000000">
+      <rect x="4" y="8" width="1" height="2"/>
+      <rect x="10" y="8" width="1" height="2"/>
+    </g>
+  </g>
+</svg>

package/assets/clawd/clawd-idle-follow.svg

@@ -1,64 +1,64 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-15 -25 45 45" width="500" height="500">
-  <defs>
-    <style>
-      .breathe-anim {
-        transform-origin: 7.5px 13px;
-        animation: breathe 3.2s infinite ease-in-out;
-      }
-
-      .eyes-blink {
-        transform-origin: 7.5px 9px;
-        animation: eye-blink 4s infinite ease-in-out;
-      }
-
-      #eyes-js, #body-js, #shadow-js {
-        transition: transform 0.2s ease-out;
-      }
-      #shadow-js {
-        transform-origin: 7.5px 15px;
-      }
-
-      @keyframes breathe {
-        0%, 100% { transform: scale(1, 1) translate(0, 0); }
-        50% { transform: scale(1.02, 0.98) translate(0, 0.5px); }
-      }
-
-      @keyframes eye-blink {
-        0%, 10%, 100% { transform: scaleY(1); }
-        5% { transform: scaleY(0.1); }
-      }
-    </style>
-  </defs>
-
-  <!-- Ground Shadow (JS-controlled horizontal shift) -->
-  <g id="shadow-js">
-    <rect x="3" y="15" width="9" height="1" fill="#000000" opacity="0.5"/>
-  </g>
-
-  <!-- Static Legs (slightly taller for upward body shift) -->
-  <g id="legs" 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>
-
-  <!-- Upper Body (JS body-shift + CSS breathe) -->
-  <g id="body-js">
-    <g class="breathe-anim">
-      <!-- Torso -->
-      <rect id="torso" x="2" y="6" width="11" height="7" fill="#DE886D"/>
-      <!-- Left Arm -->
-      <rect x="0" y="9" width="2" height="2" fill="#DE886D"/>
-      <!-- Right Arm -->
-      <rect x="13" y="9" width="2" height="2" fill="#DE886D"/>
-      <!-- Eyes: JS translate wrapper + CSS blink -->
-      <g id="eyes-js" fill="#000000">
-        <g class="eyes-blink">
-          <rect x="4" y="8" width="1" height="2"/>
-          <rect x="10" y="8" width="1" height="2"/>
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-15 -25 45 45" width="500" height="500">
+  <defs>
+    <style>
+      .breathe-anim {
+        transform-origin: 7.5px 13px;
+        animation: breathe 3.2s infinite ease-in-out;
+      }
+
+      .eyes-blink {
+        transform-origin: 7.5px 9px;
+        animation: eye-blink 4s infinite ease-in-out;
+      }
+
+      #eyes-js, #body-js, #shadow-js {
+        transition: transform 0.2s ease-out;
+      }
+      #shadow-js {
+        transform-origin: 7.5px 15px;
+      }
+
+      @keyframes breathe {
+        0%, 100% { transform: scale(1, 1) translate(0, 0); }
+        50% { transform: scale(1.02, 0.98) translate(0, 0.5px); }
+      }
+
+      @keyframes eye-blink {
+        0%, 10%, 100% { transform: scaleY(1); }
+        5% { transform: scaleY(0.1); }
+      }
+    </style>
+  </defs>
+
+  <!-- Ground Shadow (JS-controlled horizontal shift) -->
+  <g id="shadow-js">
+    <rect x="3" y="15" width="9" height="1" fill="#000000" opacity="0.5"/>
+  </g>
+
+  <!-- Static Legs (slightly taller for upward body shift) -->
+  <g id="legs" 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>
+
+  <!-- Upper Body (JS body-shift + CSS breathe) -->
+  <g id="body-js">
+    <g class="breathe-anim">
+      <!-- Torso -->
+      <rect id="torso" x="2" y="6" width="11" height="7" fill="#DE886D"/>
+      <!-- Left Arm -->
+      <rect x="0" y="9" width="2" height="2" fill="#DE886D"/>
+      <!-- Right Arm -->
+      <rect x="13" y="9" width="2" height="2" fill="#DE886D"/>
+      <!-- Eyes: JS translate wrapper + CSS blink -->
+      <g id="eyes-js" fill="#000000">
+        <g class="eyes-blink">
+          <rect x="4" y="8" width="1" height="2"/>
+          <rect x="10" y="8" width="1" height="2"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>