desktop-pet-app 0.3.27 → 0.4.3

package/out/renderer/assets/{index-BWDd9Gk_.js → index-CUcY_qKX.js}

@@ -170,12 +170,15 @@ class SpriteRenderer {
   }
   ctx;
   img = new Image();
+  source = this.img;
   ready = false;
   load(skin) {
     this.ready = false;
+    this.source = this.img;
     this.canvas.width = skin.displaySize?.width ?? Math.round(skin.frameWidth * SPRITE_SCALE);
     this.canvas.height = skin.displaySize?.height ?? Math.round(skin.frameHeight * SPRITE_SCALE);
     this.img.onload = () => {
+      this.source = skin.chromaKey ? this.removeChromaKey(skin) : this.img;
       this.ready = true;
       this.onReady();
     };
@@ -202,14 +205,17 @@ class SpriteRenderer {
       ctx.scale(-1, 1);
     }
     ctx.imageSmoothingEnabled = skin.smoothing ?? true;
-    const sx = skin.imageLayout === "single" ? 0 : frame * skin.frameWidth;
-    const sy = skin.imageLayout === "single" ? 0 : s.row * skin.frameHeight;
+    const sourceRect = skin.sourceRect;
+    const sourceWidth = sourceRect?.width ?? skin.frameWidth;
+    const sourceHeight = sourceRect?.height ?? skin.frameHeight;
+    const sx = (sourceRect?.x ?? 0) + (skin.imageLayout === "single" ? 0 : frame * sourceWidth);
+    const sy = (sourceRect?.y ?? 0) + (skin.imageLayout === "single" ? 0 : s.row * sourceHeight);
     ctx.drawImage(
-      this.img,
+      this.source,
       sx,
       sy,
-      skin.frameWidth,
-      skin.frameHeight,
+      sourceWidth,
+      sourceHeight,
       0,
       0,
       w,
@@ -231,6 +237,28 @@ class SpriteRenderer {
       ctx.fillText("Z", w - 16, 16 - off);
     }
   }
+  /**
+   * 生成图使用纯品红背景以避免透明通道被错误烘焙为棋盘格。
+   * 图片只在加载时处理一次，绘制循环复用离屏画布。
+   */
+  removeChromaKey(skin) {
+    const key = skin.chromaKey;
+    const tolerance = key.tolerance ?? 24;
+    const canvas2 = document.createElement("canvas");
+    canvas2.width = this.img.naturalWidth;
+    canvas2.height = this.img.naturalHeight;
+    const ctx = canvas2.getContext("2d", { willReadFrequently: true });
+    ctx.drawImage(this.img, 0, 0);
+    const imageData = ctx.getImageData(0, 0, canvas2.width, canvas2.height);
+    const pixels = imageData.data;
+    for (let i = 0; i < pixels.length; i += 4) {
+      if (isChromaPixel(pixels[i], pixels[i + 1], pixels[i + 2], key, tolerance)) {
+        pixels[i + 3] = 0;
+      }
+    }
+    ctx.putImageData(imageData, 0, 0);
+    return canvas2;
+  }
   drawHeart(ctx, px, py) {
     for (let y = 0; y < HEART.length; y++) {
       for (let x = 0; x < HEART[y].length; x++) {
@@ -239,6 +267,9 @@ class SpriteRenderer {
     }
   }
 }
+function isChromaPixel(red, green, blue, key, tolerance = key.tolerance ?? 24) {
+  return Math.abs(red - key.red) <= tolerance && Math.abs(green - key.green) <= tolerance && Math.abs(blue - key.blue) <= tolerance;
+}
 function proceduralMotion(state, elapsedMs) {
   const wave = Math.sin(elapsedMs / 240);
   switch (state) {
@@ -358,6 +389,37 @@ const bird = {
     failed: [FAILED$9]
   }
 };
+const yierBubuUrl = "" + new URL("yier-bubu-v2-BaEcMG7v.png", import.meta.url).href;
+const still$2 = { row: 0, frames: 1, frameMs: 180 };
+const bubu = {
+  id: "bubu",
+  name: "布布",
+  image: yierBubuUrl,
+  imageLayout: "single",
+  sourceRect: { x: 800, y: 160, width: 600, height: 720 },
+  frameWidth: 600,
+  frameHeight: 720,
+  displaySize: { width: 120, height: 144 },
+  recommendedWindow: { width: 200, height: 190 },
+  smoothing: false,
+  chromaKey: { red: 255, green: 0, blue: 255, tolerance: 150 },
+  states: {
+    idle: { ...still$2, frameMs: 900 },
+    walk: { ...still$2, frameMs: 180 },
+    sleep: { ...still$2, frameMs: 900 },
+    excited: { ...still$2, frameMs: 160 },
+    drag: { ...still$2, frameMs: 160 },
+    working: { ...still$2, frameMs: 300 },
+    success: { ...still$2, frameMs: 160 },
+    failed: { ...still$2, frameMs: 400 }
+  },
+  anchors: {
+    ground: { x: 0.5, y: 0.99 },
+    bubble: { x: 0.5, y: 0.04 },
+    effects: { character: { x: 0.5, y: 0.5 } },
+    contentBounds: { x: 0.08, y: 0.03, width: 0.83, height: 0.96 }
+  }
+};
 const IDLE$8 = [
   "...oo......oo...",
   "..oiao....oaio..",
@@ -1426,7 +1488,7 @@ const whale = {
   }
 };
 const robotBlueUrl = "" + new URL("robot-blue-CFH9bWjZ.png", import.meta.url).href;
-const still = { row: 0, frames: 1, frameMs: 180 };
+const still$1 = { row: 0, frames: 1, frameMs: 180 };
 const robotBlue = {
   id: "robot-blue",
   name: "蓝色协作机器人",
@@ -1438,14 +1500,14 @@ const robotBlue = {
   recommendedWindow: { width: 260, height: 320 },
   smoothing: true,
   states: {
-    idle: { ...still, frameMs: 220 },
-    walk: { ...still, frameMs: 110 },
-    sleep: { ...still, frameMs: 260 },
-    excited: { ...still, frameMs: 110 },
-    drag: { ...still, frameMs: 120 },
-    working: { ...still, frameMs: 150 },
-    success: { ...still, frameMs: 110 },
-    failed: { ...still, frameMs: 180 }
+    idle: { ...still$1, frameMs: 220 },
+    walk: { ...still$1, frameMs: 110 },
+    sleep: { ...still$1, frameMs: 260 },
+    excited: { ...still$1, frameMs: 110 },
+    drag: { ...still$1, frameMs: 120 },
+    working: { ...still$1, frameMs: 150 },
+    success: { ...still$1, frameMs: 110 },
+    failed: { ...still$1, frameMs: 180 }
   },
   anchors: {
     ground: { x: 0.5, y: 0.955 },
@@ -1458,6 +1520,36 @@ const robotBlue = {
     contentBounds: { x: 0.08, y: 0.02, width: 0.84, height: 0.94 }
   }
 };
+const still = { row: 0, frames: 1, frameMs: 180 };
+const yier = {
+  id: "yier",
+  name: "一二",
+  image: yierBubuUrl,
+  imageLayout: "single",
+  sourceRect: { x: 144, y: 160, width: 600, height: 720 },
+  frameWidth: 600,
+  frameHeight: 720,
+  displaySize: { width: 120, height: 144 },
+  recommendedWindow: { width: 200, height: 190 },
+  smoothing: false,
+  chromaKey: { red: 255, green: 0, blue: 255, tolerance: 150 },
+  states: {
+    idle: { ...still, frameMs: 900 },
+    walk: { ...still, frameMs: 180 },
+    sleep: { ...still, frameMs: 900 },
+    excited: { ...still, frameMs: 160 },
+    drag: { ...still, frameMs: 160 },
+    working: { ...still, frameMs: 300 },
+    success: { ...still, frameMs: 160 },
+    failed: { ...still, frameMs: 400 }
+  },
+  anchors: {
+    ground: { x: 0.5, y: 0.99 },
+    bubble: { x: 0.5, y: 0.04 },
+    effects: { character: { x: 0.5, y: 0.5 } },
+    contentBounds: { x: 0.07, y: 0.03, width: 0.84, height: 0.96 }
+  }
+};
 const skins = {
   codex,
   claude,
@@ -1470,7 +1562,12 @@ const skins = {
   whale,
   penguin
 };
-const spriteSkins = { hoot, "robot-blue": robotBlue };
+const spriteSkins = {
+  hoot,
+  "robot-blue": robotBlue,
+  yier,
+  bubu
+};
 const defaultSkin = codex;
 function resolveSkin(id) {
   const ascii = skins[id];

package/out/renderer/index.html

@@ -238,7 +238,7 @@
         }
       }
     </style>
-    <script type="module" crossorigin src="./assets/index-BWDd9Gk_.js"></script>
+    <script type="module" crossorigin src="./assets/index-CUcY_qKX.js"></script>
   </head>
   <body>
     <canvas id="pet"></canvas>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "desktop-pet-app",
-  "version": "0.3.27",
+  "version": "0.4.3",
   "description": "AI desktop pet with MCP support and a self-hosted relay server",
   "license": "MIT",
   "keywords": [
@@ -27,6 +27,7 @@
     "dev": "electron-vite dev",
     "build": "electron-vite build && npm run build:mcp",
     "build:mcp": "esbuild src/mcp-server/index.ts --bundle --platform=node --format=esm --outfile=out/mcp-server/index.js && node -e \"require('fs').writeFileSync('out/mcp-server/package.json', JSON.stringify({ type: 'module' }))\"",
+    "e2e:capabilities": "node scripts/e2e-capability-modes.mjs",
     "e2e:duty": "node scripts/e2e-duty-sessions.mjs",
     "e2e:strict-handoff": "vitest run src/mcp-server/strict-handoff.e2e.test.ts",
     "e2e:codebuddy:git": "node scripts/e2e-codebuddy-git-task.mjs",