@mumulinya167/ccm-pet-assets 2.0.0 → 2.0.2

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

@@ -1,102 +1,102 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-15 -25 45 45" width="500" height="500">
-  <defs>
-    <style>
-      .body-react {
-        transform-origin: 7.5px 15px;
-        animation: body-look-r 2.5s 1 ease-in-out forwards;
-      }
-      .eyes-react {
-        animation: eyes-look-r 2.5s 1 ease-in-out forwards;
-      }
-      .eyes-blink {
-        transform-origin: 7.5px 9px;
-        animation: blink 3s infinite linear;
-      }
-      .question-pop {
-        transform-origin: center;
-        animation: question-r 2.5s 1 ease-in-out forwards;
-        opacity: 0;
-      }
-      .arm-r-react {
-        animation: arm-r-return 2.5s 1 ease-in-out forwards;
-      }
-
-      /* Right arm: starts at idle-follow position (13,9), raises up then returns */
-      @keyframes arm-r-return {
-        0%, 8%   { transform: none; }
-        16%, 56% { transform: translate(1px, -2px) rotate(-15deg); }
-        84%, 100%{ transform: none; }
-      }
-
-      /* Body turns right then returns */
-      @keyframes body-look-r {
-        0%, 8%   { transform: translate(0px, 0px); }
-        16%, 56% { transform: translate(2px, 0px) rotate(2deg); }
-        84%, 100%{ transform: translate(0px, 0px); }
-      }
-
-      /* Eyes lead the body (larger offset) */
-      @keyframes eyes-look-r {
-        0%, 8%   { transform: translate(0px, 0px); }
-        16%, 56% { transform: translate(3px, 0px); }
-        84%, 100%{ transform: translate(0px, 0px); }
-      }
-
-      /* Blinking (looping, keeps character alive) */
-      @keyframes blink {
-        0%, 13%, 17%, 80%, 84%, 100% { transform: scaleY(1); }
-        15%, 82% { transform: scaleY(0.1); }
-      }
-
-      /* Question mark: pop up, hold, float away */
-      @keyframes question-r {
-        0%, 12%  { opacity: 0; transform: translate(6px, 6px) scale(0.5); }
-        22%, 48% { opacity: 1; transform: translate(8px, -2px) scale(1); }
-        64%, 100%{ opacity: 0; transform: translate(8px, -8px) scale(1.2); }
-      }
-    </style>
-
-    <g id="pixel-question">
-      <rect x="1" y="0" width="2" height="1"/>
-      <rect x="0" y="1" width="1" height="1"/>
-      <rect x="3" y="1" width="1" height="2"/>
-      <rect x="2" y="3" width="1" height="1"/>
-      <rect x="1" y="4" width="1" height="1"/>
-      <rect x="1" y="6" width="1" height="1"/>
-    </g>
-  </defs>
-
-  <!-- Ground Shadow -->
-  <rect x="3" y="15" width="9" height="1" fill="#000000" opacity="0.5"/>
-
-  <!-- Static Legs -->
-  <g fill="#DE886D">
-    <rect x="3" y="13" width="1" height="2"/>
-    <rect x="5" y="13" width="1" height="2"/>
-    <rect x="9" y="13" width="1" height="2"/>
-    <rect x="11" y="13" width="1" height="2"/>
-  </g>
-
-  <!-- Animated Upper Body -->
-  <g class="body-react">
-    <g fill="#DE886D">
-      <rect x="2" y="6" width="11" height="7"/>
-      <rect x="0" y="9" width="2" height="2"/>
-      <!-- Right arm: base position matches idle-follow (13,9), CSS animates raise+return -->
-      <g class="arm-r-react">
-        <rect x="13" y="9" width="2" height="2"/>
-      </g>
-    </g>
-    <g class="eyes-react">
-      <g class="eyes-blink" fill="#000000">
-        <rect x="4" y="8" width="1" height="2"/>
-        <rect x="10" y="8" width="1" height="2"/>
-      </g>
-    </g>
-  </g>
-
-  <!-- Right Question Mark -->
-  <g class="question-pop" fill="#FFC107" transform="translate(10, 0)">
-    <use href="#pixel-question" />
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-15 -25 45 45" width="500" height="500">
+  <defs>
+    <style>
+      .body-react {
+        transform-origin: 7.5px 15px;
+        animation: body-look-r 2.5s 1 ease-in-out forwards;
+      }
+      .eyes-react {
+        animation: eyes-look-r 2.5s 1 ease-in-out forwards;
+      }
+      .eyes-blink {
+        transform-origin: 7.5px 9px;
+        animation: blink 3s infinite linear;
+      }
+      .question-pop {
+        transform-origin: center;
+        animation: question-r 2.5s 1 ease-in-out forwards;
+        opacity: 0;
+      }
+      .arm-r-react {
+        animation: arm-r-return 2.5s 1 ease-in-out forwards;
+      }
+
+      /* Right arm: starts at idle-follow position (13,9), raises up then returns */
+      @keyframes arm-r-return {
+        0%, 8%   { transform: none; }
+        16%, 56% { transform: translate(1px, -2px) rotate(-15deg); }
+        84%, 100%{ transform: none; }
+      }
+
+      /* Body turns right then returns */
+      @keyframes body-look-r {
+        0%, 8%   { transform: translate(0px, 0px); }
+        16%, 56% { transform: translate(2px, 0px) rotate(2deg); }
+        84%, 100%{ transform: translate(0px, 0px); }
+      }
+
+      /* Eyes lead the body (larger offset) */
+      @keyframes eyes-look-r {
+        0%, 8%   { transform: translate(0px, 0px); }
+        16%, 56% { transform: translate(3px, 0px); }
+        84%, 100%{ transform: translate(0px, 0px); }
+      }
+
+      /* Blinking (looping, keeps character alive) */
+      @keyframes blink {
+        0%, 13%, 17%, 80%, 84%, 100% { transform: scaleY(1); }
+        15%, 82% { transform: scaleY(0.1); }
+      }
+
+      /* Question mark: pop up, hold, float away */
+      @keyframes question-r {
+        0%, 12%  { opacity: 0; transform: translate(6px, 6px) scale(0.5); }
+        22%, 48% { opacity: 1; transform: translate(8px, -2px) scale(1); }
+        64%, 100%{ opacity: 0; transform: translate(8px, -8px) scale(1.2); }
+      }
+    </style>
+
+    <g id="pixel-question">
+      <rect x="1" y="0" width="2" height="1"/>
+      <rect x="0" y="1" width="1" height="1"/>
+      <rect x="3" y="1" width="1" height="2"/>
+      <rect x="2" y="3" width="1" height="1"/>
+      <rect x="1" y="4" width="1" height="1"/>
+      <rect x="1" y="6" width="1" height="1"/>
+    </g>
+  </defs>
+
+  <!-- Ground Shadow -->
+  <rect x="3" y="15" width="9" height="1" fill="#000000" opacity="0.5"/>
+
+  <!-- Static Legs -->
+  <g fill="#DE886D">
+    <rect x="3" y="13" width="1" height="2"/>
+    <rect x="5" y="13" width="1" height="2"/>
+    <rect x="9" y="13" width="1" height="2"/>
+    <rect x="11" y="13" width="1" height="2"/>
+  </g>
+
+  <!-- Animated Upper Body -->
+  <g class="body-react">
+    <g fill="#DE886D">
+      <rect x="2" y="6" width="11" height="7"/>
+      <rect x="0" y="9" width="2" height="2"/>
+      <!-- Right arm: base position matches idle-follow (13,9), CSS animates raise+return -->
+      <g class="arm-r-react">
+        <rect x="13" y="9" width="2" height="2"/>
+      </g>
+    </g>
+    <g class="eyes-react">
+      <g class="eyes-blink" fill="#000000">
+        <rect x="4" y="8" width="1" height="2"/>
+        <rect x="10" y="8" width="1" height="2"/>
+      </g>
+    </g>
+  </g>
+
+  <!-- Right Question Mark -->
+  <g class="question-pop" fill="#FFC107" transform="translate(10, 0)">
+    <use href="#pixel-question" />
+  </g>
+</svg>

package/assets/clawd/clawd-sleeping.svg

@@ -1,118 +1,118 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-15 -25 45 45" width="500" height="500">
-  <defs>
-    <style>
-      /* Slow, rhythmic deep breathing animation */
-      .breathe {
-        transform-origin: 7.5px 15px; /* Pivot at the floor to expand upwards */
-        animation: breathe-squash 4.5s infinite ease-in-out;
-      }
-
-      /* Shadow expands slightly as the body inflates */
-      .shadow-breathe {
-        transform-origin: 7.5px 15.5px;
-        animation: shadow-pulse 4.5s infinite ease-in-out;
-      }
-
-      /* Zzz Particle Base Styles */
-      .z-particle {
-        opacity: 0;
-      }
-      .z1 { animation: float-1 6s infinite ease-in-out; animation-delay: 0s; }
-      .z2 { animation: float-2 6s infinite ease-in-out; animation-delay: 2s; }
-      .z3 { animation: float-3 6s infinite ease-in-out; animation-delay: 4s; }
-
-      /* Breathing Keyframes (Slow inhale, hold, exhale, pause) */
-      @keyframes breathe-squash {
-        0%, 80%, 100% { transform: scale(1, 1); }
-        30%, 40% { transform: scale(1.02, 1.25); } /* Chest expands/inflates */
-      }
-
-      @keyframes shadow-pulse {
-        0%, 80%, 100% { transform: scaleX(1); opacity: 0.4; }
-        30%, 40% { transform: scaleX(1.05); opacity: 0.5; }
-      }
-
-      /* Swaying and fading floating Z keyframes (Adjusted for lowered head) */
-      @keyframes float-1 {
-        0%   { transform: translate(5px, 8px) scale(0.4); opacity: 0; }
-        10%  { opacity: 1; }
-        30%  { transform: translate(9px, 4px) scale(0.6); }
-        50%  { transform: translate(4px, 0px) scale(0.8); }
-        70%  { transform: translate(8px, -4px) scale(1.0); }
-        90%  { opacity: 0.8; }
-        100% { transform: translate(6px, -8px) scale(1.1); opacity: 0; }
-      }
-
-      @keyframes float-2 {
-        0%   { transform: translate(8px, 9px) scale(0.3); opacity: 0; }
-        10%  { opacity: 1; }
-        30%  { transform: translate(5px, 5px) scale(0.5); }
-        50%  { transform: translate(9px, 1px) scale(0.7); }
-        70%  { transform: translate(6px, -3px) scale(0.9); }
-        90%  { opacity: 0.8; }
-        100% { transform: translate(8px, -7px) scale(1.0); opacity: 0; }
-      }
-
-      @keyframes float-3 {
-        0%   { transform: translate(6px, 7px) scale(0.5); opacity: 0; }
-        10%  { opacity: 1; }
-        30%  { transform: translate(9px, 3px) scale(0.7); }
-        50%  { transform: translate(4px, -1px) scale(0.9); }
-        70%  { transform: translate(8px, -5px) scale(1.1); }
-        90%  { opacity: 0.8; }
-        100% { transform: translate(5px, -9px) scale(1.2); opacity: 0; }
-      }
-    </style>
-
-    <!-- Pixel Art "Z" Definitions -->
-    <g id="pixel-z">
-      <rect x="0" y="0" width="4" height="1" />
-      <rect x="2" y="1" width="1" height="1" />
-      <rect x="1" y="2" width="1" height="1" />
-      <rect x="0" y="3" width="4" height="1" />
-    </g>
-    
-    <g id="pixel-z-small">
-      <rect x="0" y="0" width="3" height="1" />
-      <rect x="1" y="1" width="1" height="1" />
-      <rect x="0" y="2" width="3" height="1" />
-    </g>
-  </defs>
-
-  <!-- Ground Shadow (Widened for the splooted posture) -->
-  <rect id="ground-shadow" class="shadow-breathe" x="-1" y="15" width="17" height="1" fill="#000000" />
-
-  <!-- Floating Zzz Bubbles -->
-  <g class="zzz-particles">
-    <use href="#pixel-z" class="z-particle z1" fill="#90A4AE" />
-    <use href="#pixel-z-small" class="z-particle z2" fill="#B0BEC5" />
-    <use href="#pixel-z" class="z-particle z3" fill="#CFD8DC" />
-  </g>
-
-  <!-- Splooted / Melted Sleeping Pose -->
-  <g class="breathe">
-    <!-- Legs pointing up from behind (Relaxed Sploot) -->
-    <g fill="#DE886D">
-      <rect id="outer-left-leg-up" x="3" y="9" width="1" height="1"/>
-      <rect id="inner-left-leg-up" x="5" y="9" width="1" height="1"/>
-      <rect id="inner-right-leg-up" x="9" y="9" width="1" height="1"/>
-      <rect id="outer-right-leg-up" x="11" y="9" width="1" height="1"/>
-    </g>
-
-    <!-- Squashed Body Resting on the Floor -->
-    <g fill="#DE886D">
-      <!-- Main flattened torso -->
-      <rect id="torso-sploot" x="1" y="10" width="13" height="5"/>
-      
-      <!-- Arms spread flat on the ground -->
-      <rect id="left-arm-sploot" x="-1" y="13" width="2" height="2"/>
-      <rect id="right-arm-sploot" x="14" y="13" width="2" height="2"/>
-    </g>
-    
-    <!-- Ultra-Thin Shut Eyes (Dashes) -->
-    <g fill="#000000">
-      <rect id="left-eye-shut" x="3.5" y="12.5" width="2" height="0.4"/>
-      <rect id="right-eye-shut" x="9.5" y="12.5" width="2" height="0.4"/>
-    </g>
-  </g>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-15 -25 45 45" width="500" height="500">
+  <defs>
+    <style>
+      /* Slow, rhythmic deep breathing animation */
+      .breathe {
+        transform-origin: 7.5px 15px; /* Pivot at the floor to expand upwards */
+        animation: breathe-squash 4.5s infinite ease-in-out;
+      }
+
+      /* Shadow expands slightly as the body inflates */
+      .shadow-breathe {
+        transform-origin: 7.5px 15.5px;
+        animation: shadow-pulse 4.5s infinite ease-in-out;
+      }
+
+      /* Zzz Particle Base Styles */
+      .z-particle {
+        opacity: 0;
+      }
+      .z1 { animation: float-1 6s infinite ease-in-out; animation-delay: 0s; }
+      .z2 { animation: float-2 6s infinite ease-in-out; animation-delay: 2s; }
+      .z3 { animation: float-3 6s infinite ease-in-out; animation-delay: 4s; }
+
+      /* Breathing Keyframes (Slow inhale, hold, exhale, pause) */
+      @keyframes breathe-squash {
+        0%, 80%, 100% { transform: scale(1, 1); }
+        30%, 40% { transform: scale(1.02, 1.25); } /* Chest expands/inflates */
+      }
+
+      @keyframes shadow-pulse {
+        0%, 80%, 100% { transform: scaleX(1); opacity: 0.4; }
+        30%, 40% { transform: scaleX(1.05); opacity: 0.5; }
+      }
+
+      /* Swaying and fading floating Z keyframes (Adjusted for lowered head) */
+      @keyframes float-1 {
+        0%   { transform: translate(5px, 8px) scale(0.4); opacity: 0; }
+        10%  { opacity: 1; }
+        30%  { transform: translate(9px, 4px) scale(0.6); }
+        50%  { transform: translate(4px, 0px) scale(0.8); }
+        70%  { transform: translate(8px, -4px) scale(1.0); }
+        90%  { opacity: 0.8; }
+        100% { transform: translate(6px, -8px) scale(1.1); opacity: 0; }
+      }
+
+      @keyframes float-2 {
+        0%   { transform: translate(8px, 9px) scale(0.3); opacity: 0; }
+        10%  { opacity: 1; }
+        30%  { transform: translate(5px, 5px) scale(0.5); }
+        50%  { transform: translate(9px, 1px) scale(0.7); }
+        70%  { transform: translate(6px, -3px) scale(0.9); }
+        90%  { opacity: 0.8; }
+        100% { transform: translate(8px, -7px) scale(1.0); opacity: 0; }
+      }
+
+      @keyframes float-3 {
+        0%   { transform: translate(6px, 7px) scale(0.5); opacity: 0; }
+        10%  { opacity: 1; }
+        30%  { transform: translate(9px, 3px) scale(0.7); }
+        50%  { transform: translate(4px, -1px) scale(0.9); }
+        70%  { transform: translate(8px, -5px) scale(1.1); }
+        90%  { opacity: 0.8; }
+        100% { transform: translate(5px, -9px) scale(1.2); opacity: 0; }
+      }
+    </style>
+
+    <!-- Pixel Art "Z" Definitions -->
+    <g id="pixel-z">
+      <rect x="0" y="0" width="4" height="1" />
+      <rect x="2" y="1" width="1" height="1" />
+      <rect x="1" y="2" width="1" height="1" />
+      <rect x="0" y="3" width="4" height="1" />
+    </g>
+    
+    <g id="pixel-z-small">
+      <rect x="0" y="0" width="3" height="1" />
+      <rect x="1" y="1" width="1" height="1" />
+      <rect x="0" y="2" width="3" height="1" />
+    </g>
+  </defs>
+
+  <!-- Ground Shadow (Widened for the splooted posture) -->
+  <rect id="ground-shadow" class="shadow-breathe" x="-1" y="15" width="17" height="1" fill="#000000" />
+
+  <!-- Floating Zzz Bubbles -->
+  <g class="zzz-particles">
+    <use href="#pixel-z" class="z-particle z1" fill="#90A4AE" />
+    <use href="#pixel-z-small" class="z-particle z2" fill="#B0BEC5" />
+    <use href="#pixel-z" class="z-particle z3" fill="#CFD8DC" />
+  </g>
+
+  <!-- Splooted / Melted Sleeping Pose -->
+  <g class="breathe">
+    <!-- Legs pointing up from behind (Relaxed Sploot) -->
+    <g fill="#DE886D">
+      <rect id="outer-left-leg-up" x="3" y="9" width="1" height="1"/>
+      <rect id="inner-left-leg-up" x="5" y="9" width="1" height="1"/>
+      <rect id="inner-right-leg-up" x="9" y="9" width="1" height="1"/>
+      <rect id="outer-right-leg-up" x="11" y="9" width="1" height="1"/>
+    </g>
+
+    <!-- Squashed Body Resting on the Floor -->
+    <g fill="#DE886D">
+      <!-- Main flattened torso -->
+      <rect id="torso-sploot" x="1" y="10" width="13" height="5"/>
+      
+      <!-- Arms spread flat on the ground -->
+      <rect id="left-arm-sploot" x="-1" y="13" width="2" height="2"/>
+      <rect id="right-arm-sploot" x="14" y="13" width="2" height="2"/>
+    </g>
+    
+    <!-- Ultra-Thin Shut Eyes (Dashes) -->
+    <g fill="#000000">
+      <rect id="left-eye-shut" x="3.5" y="12.5" width="2" height="0.4"/>
+      <rect id="right-eye-shut" x="9.5" y="12.5" width="2" height="0.4"/>
+    </g>
+  </g>
 </svg>

package/assets/clawd/clawd-static-base.svg

@@ -1,21 +1,21 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 16" width="300" height="320">
-  <rect id="ground-shadow" x="3" y="15" width="9" height="1" fill="#000000" opacity="0.5"/>
-  
-  <g id="master-group">
-    <g id="body-color-group" fill="#DE886D">
-      <rect id="torso" x="2" y="6" width="11" height="7"/>
-      <rect id="left-arm" x="0" y="9" width="2" height="2"/>
-      <rect id="right-arm" x="13" y="9" width="2" height="2"/>
-      
-      <rect id="outer-left-leg" x="3" y="13" width="1" height="2"/>
-      <rect id="inner-left-leg" x="5" y="13" width="1" height="2"/>
-      <rect id="inner-right-leg" x="9" y="13" width="1" height="2"/>
-      <rect id="outer-right-leg" x="11" y="13" width="1" height="2"/>
-    </g>
-    
-    <g id="eyes-color-group" fill="#000000">
-      <rect id="left-eye" x="4" y="8" width="1" height="2"/>
-      <rect id="right-eye" x="10" y="8" width="1" height="2"/>
-    </g>
-  </g>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 16" width="300" height="320">
+  <rect id="ground-shadow" x="3" y="15" width="9" height="1" fill="#000000" opacity="0.5"/>
+  
+  <g id="master-group">
+    <g id="body-color-group" fill="#DE886D">
+      <rect id="torso" x="2" y="6" width="11" height="7"/>
+      <rect id="left-arm" x="0" y="9" width="2" height="2"/>
+      <rect id="right-arm" x="13" y="9" width="2" height="2"/>
+      
+      <rect id="outer-left-leg" x="3" y="13" width="1" height="2"/>
+      <rect id="inner-left-leg" x="5" y="13" width="1" height="2"/>
+      <rect id="inner-right-leg" x="9" y="13" width="1" height="2"/>
+      <rect id="outer-right-leg" x="11" y="13" width="1" height="2"/>
+    </g>
+    
+    <g id="eyes-color-group" fill="#000000">
+      <rect id="left-eye" x="4" y="8" width="1" height="2"/>
+      <rect id="right-eye" x="10" y="8" width="1" height="2"/>
+    </g>
+  </g>
 </svg>