desktop-pet-app 0.1.1

package/out/renderer/assets/index-DqBgThfZ.js

@@ -0,0 +1,1661 @@
+function decideBehavior() {
+  const r = Math.random();
+  if (r < 0.5) return { state: "idle", duration: 5 + Math.floor(Math.random() * 8) };
+  if (r < 0.85) {
+    return {
+      state: "walk",
+      duration: 4 + Math.floor(Math.random() * 8),
+      dir: Math.random() < 0.5 ? 1 : -1
+    };
+  }
+  return { state: "sleep", duration: 10 + Math.floor(Math.random() * 12) };
+}
+const WALK_SPEED = 5;
+class Animator {
+  constructor(getSkin) {
+    this.getSkin = getSkin;
+  }
+  state = "idle";
+  blink = false;
+  tickCount = 0;
+  reaction = null;
+  ticks = 0;
+  duration = 6;
+  overrideTicks = 0;
+  reactionTicks = 0;
+  walkDir = 1;
+  /** 走路时每 tick 的位移回调（由 pet-view 转发给主进程移动窗口） */
+  onMove = () => {
+  };
+  get frame() {
+    const f = this.getSkin().frames;
+    switch (this.state) {
+      case "walk":
+        return f.walk[this.tickCount % f.walk.length];
+      case "sleep":
+        return f.sleep[0];
+      case "excited":
+        return f.excited[this.tickCount % f.excited.length];
+      case "drag":
+        return f.drag[0];
+      case "working":
+        return f.working[this.tickCount % f.working.length];
+      case "success":
+        return f.success[this.tickCount % f.success.length];
+      case "failed":
+        return f.failed[this.tickCount % f.failed.length];
+      default:
+        return f.idle[0];
+    }
+  }
+  get flip() {
+    return this.state === "walk" && this.walkDir < 0;
+  }
+  advance() {
+    this.tickCount++;
+    if (this.reactionTicks > 0) {
+      this.reactionTicks--;
+      if (this.reactionTicks === 0) this.reaction = null;
+    }
+    if (this.state === "drag") return;
+    if (this.overrideTicks > 0) {
+      this.overrideTicks--;
+      if (this.overrideTicks === 0) this.adopt(decideBehavior());
+    } else {
+      this.ticks++;
+      if (this.ticks >= this.duration) this.adopt(decideBehavior());
+    }
+    this.blink = this.state === "idle" && (this.blink ? Math.random() < 0.4 : Math.random() < 0.15);
+    if (this.state === "walk") this.onMove(this.walkDir * WALK_SPEED, 0);
+  }
+  /** 外部事件强制进入某状态，持续 ttl 个 tick 后回归自主行为 */
+  forceState(state, ttl = 8, dir) {
+    this.state = state;
+    this.ticks = 0;
+    this.overrideTicks = ttl;
+    if (dir) this.walkDir = dir;
+  }
+  /** 播放互动特效（如爱心），持续 ttl 个 tick */
+  react(kind, ttl = 6) {
+    this.reaction = kind;
+    this.reactionTicks = ttl;
+  }
+  setDragging(dragging2) {
+    if (dragging2) {
+      this.state = "drag";
+      this.overrideTicks = 0;
+    } else {
+      this.forceState("excited", 2);
+    }
+  }
+  adopt(d) {
+    this.state = d.state;
+    this.ticks = 0;
+    this.duration = d.duration;
+    if (d.dir) this.walkDir = d.dir;
+  }
+}
+const SCALE = 7;
+const COLS = 16;
+const ROWS = 13;
+const PIXEL_CANVAS_WIDTH = COLS * SCALE;
+const PIXEL_CANVAS_HEIGHT = ROWS * SCALE;
+const HEART$1 = [".X.X.", "XXXXX", "XXXXX", ".XXX.", "..X.."];
+class PixelRenderer {
+  constructor(canvas2) {
+    this.canvas = canvas2;
+    canvas2.width = COLS * SCALE;
+    canvas2.height = ROWS * SCALE;
+    this.ctx = canvas2.getContext("2d");
+  }
+  ctx;
+  draw(skin, frame, opts = {}) {
+    const { blink = false, flip = false, sleeping = false, tick = 0, hearts = false } = opts;
+    const { ctx } = this;
+    const w = this.canvas.width;
+    const h = this.canvas.height;
+    ctx.clearRect(0, 0, w, h);
+    ctx.fillStyle = "rgba(0, 0, 0, 0.18)";
+    ctx.beginPath();
+    ctx.ellipse(w / 2, h - 4, 30, 5, 0, 0, Math.PI * 2);
+    ctx.fill();
+    ctx.save();
+    if (flip) {
+      ctx.translate(w, 0);
+      ctx.scale(-1, 1);
+    }
+    for (let y = 0; y < frame.length; y++) {
+      const row = frame[y];
+      for (let x = 0; x < row.length; x++) {
+        let ch = row[x];
+        if (ch === ".") continue;
+        if (blink && ch === "E") ch = "e";
+        const color = skin.palette[ch];
+        if (!color) continue;
+        ctx.fillStyle = color;
+        ctx.fillRect(x * SCALE, y * SCALE, SCALE, SCALE);
+      }
+    }
+    ctx.restore();
+    if (hearts) {
+      const rise = tick % 3 * 3;
+      ctx.fillStyle = "#FF6B6B";
+      this.drawHeart(ctx, w - 34, 18 - rise);
+      this.drawHeart(ctx, 18, 26 - rise);
+    }
+    if (sleeping) {
+      const off = tick % 3 * 4;
+      ctx.fillStyle = "rgba(45, 45, 45, 0.75)";
+      ctx.font = "bold 12px monospace";
+      ctx.fillText("z", w - 26, 28 - off);
+      ctx.font = "bold 16px monospace";
+      ctx.fillText("Z", w - 16, 16 - off);
+    }
+  }
+  drawHeart(ctx, px, py) {
+    for (let y = 0; y < HEART$1.length; y++) {
+      for (let x = 0; x < HEART$1[y].length; x++) {
+        if (HEART$1[y][x] === "X") ctx.fillRect(px + x * 2, py + y * 2, 2, 2);
+      }
+    }
+  }
+}
+const SPRITE_SCALE = 0.7;
+const HEART = [".X.X.", "XXXXX", "XXXXX", ".XXX.", "..X.."];
+class SpriteRenderer {
+  constructor(canvas2, onReady) {
+    this.canvas = canvas2;
+    this.onReady = onReady;
+    this.ctx = canvas2.getContext("2d");
+  }
+  ctx;
+  img = new Image();
+  ready = false;
+  load(skin) {
+    this.ready = false;
+    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.ready = true;
+      this.onReady();
+    };
+    this.img.src = skin.image;
+  }
+  draw(skin, state, elapsedMs, opts = {}) {
+    const { flip = false, sleeping = false, tick = 0, hearts = false } = opts;
+    const { ctx } = this;
+    const w = this.canvas.width;
+    const h = this.canvas.height;
+    ctx.clearRect(0, 0, w, h);
+    if (!this.ready) return;
+    const s = skin.states[state] ?? skin.states.idle;
+    const frame = Math.floor(elapsedMs / s.frameMs) % s.frames;
+    const motion = proceduralMotion(state, elapsedMs);
+    ctx.save();
+    ctx.translate(w / 2, h);
+    ctx.translate(motion.x, motion.y);
+    ctx.rotate(motion.rotation);
+    ctx.scale(motion.scaleX, motion.scaleY);
+    ctx.translate(-w / 2, -h);
+    if (flip) {
+      ctx.translate(w, 0);
+      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;
+    ctx.drawImage(
+      this.img,
+      sx,
+      sy,
+      skin.frameWidth,
+      skin.frameHeight,
+      0,
+      0,
+      w,
+      h
+    );
+    ctx.restore();
+    if (hearts) {
+      const rise = tick % 3 * 3;
+      ctx.fillStyle = "#FF6B6B";
+      this.drawHeart(ctx, w - 34, 18 - rise);
+      this.drawHeart(ctx, 18, 26 - rise);
+    }
+    if (sleeping) {
+      const off = tick % 3 * 4;
+      ctx.fillStyle = "rgba(45, 45, 45, 0.75)";
+      ctx.font = "bold 12px monospace";
+      ctx.fillText("z", w - 26, 28 - off);
+      ctx.font = "bold 16px monospace";
+      ctx.fillText("Z", w - 16, 16 - off);
+    }
+  }
+  drawHeart(ctx, px, py) {
+    for (let y = 0; y < HEART.length; y++) {
+      for (let x = 0; x < HEART[y].length; x++) {
+        if (HEART[y][x] === "X") ctx.fillRect(px + x * 2, py + y * 2, 2, 2);
+      }
+    }
+  }
+}
+function proceduralMotion(state, elapsedMs) {
+  const wave = Math.sin(elapsedMs / 240);
+  switch (state) {
+    case "walk":
+      return { x: wave * 2, y: -Math.abs(wave) * 5, rotation: wave * 0.025, scaleX: 1, scaleY: 1 };
+    case "sleep":
+      return { x: 0, y: 3, rotation: -0.025, scaleX: 1.03, scaleY: 0.94 + wave * 0.015 };
+    case "excited":
+    case "success":
+      return { x: 0, y: -Math.abs(wave) * 10, rotation: wave * 0.03, scaleX: 1.03, scaleY: 1.03 };
+    case "drag":
+      return { x: wave * 3, y: -8, rotation: wave * 0.07, scaleX: 1, scaleY: 1 };
+    case "working":
+      return { x: 0, y: wave * 2, rotation: 0, scaleX: 1 + wave * 8e-3, scaleY: 1 - wave * 8e-3 };
+    case "failed":
+      return { x: 0, y: 5, rotation: -0.035, scaleX: 1.01, scaleY: 0.97 };
+    default:
+      return { x: 0, y: wave * 2, rotation: 0, scaleX: 1, scaleY: 1 + wave * 8e-3 };
+  }
+}
+const IDLE$9 = [
+  "................",
+  ".......dd.......",
+  "......daad......",
+  ".....daaaad.....",
+  "....daaaaaad....",
+  "...dEaaaaaEad...",
+  "...daabbbaad....",
+  "..gdaawwwwaadg..",
+  "..daawwwwwwaad..",
+  "...daawwwwaad...",
+  "....dddddddd....",
+  ".....dd..dd.....",
+  "......f..f......"
+];
+const WALK_0$9 = [...IDLE$9];
+const WALK_1$9 = [...IDLE$9.slice(0, 12), ".....f....f....."];
+const SLEEP$9 = [...IDLE$9.slice(0, 5), "...deaaaaaead...", ...IDLE$9.slice(6)];
+const EXCITED_0$9 = [
+  ...IDLE$9.slice(0, 5),
+  "...d*aaaaa*ad...",
+  ...IDLE$9.slice(6)
+];
+const EXCITED_1$9 = [
+  ...IDLE$9.slice(0, 4),
+  "...gaaaaaaag....",
+  "...d*aaaaa*ad...",
+  ...IDLE$9.slice(6, 12),
+  ".....f....f....."
+];
+const DRAG$9 = [
+  "................",
+  ...IDLE$9.slice(1, 5),
+  "...dxaaaaaxad...",
+  ...IDLE$9.slice(6, 11),
+  "....d..dd..d....",
+  "....f......f...."
+];
+const WORKING_0$9 = [
+  ...IDLE$9.slice(0, 6),
+  "...dabwwwbad....",
+  ...IDLE$9.slice(7)
+];
+const WORKING_1$9 = [
+  ...IDLE$9.slice(0, 6),
+  "...dabwwwbad....",
+  ".g.daawwwwaad.g.",
+  ...IDLE$9.slice(8)
+];
+const SUCCESS_0$9 = [
+  "....wwww........",
+  ...IDLE$9.slice(1, 5),
+  "...d*aaaaa*ad...",
+  ...IDLE$9.slice(6, 7),
+  ".gdaawwwwaadg...",
+  ...IDLE$9.slice(8)
+];
+const SUCCESS_1$9 = [
+  "..wwww..........",
+  ...IDLE$9.slice(1, 5),
+  "...d*aaaaa*ad...",
+  ...IDLE$9.slice(6, 7),
+  ".gdaawwwwaadg...",
+  ...IDLE$9.slice(8)
+];
+const FAILED$9 = [
+  "........?.......",
+  ...IDLE$9.slice(1, 5),
+  "...dxaaaaaxad...",
+  ...IDLE$9.slice(6, 12),
+  ".....fww.f......"
+];
+const bird = {
+  id: "bird",
+  name: "小鸟",
+  palette: {
+    d: "#2D5A8A",
+    a: "#5AB0FF",
+    g: "#3E8FE0",
+    w: "#EAF6FF",
+    b: "#F5A623",
+    f: "#F5A623",
+    E: "#1F2937",
+    e: "#2D5A8A",
+    "*": "#FFD93D",
+    x: "#1F2937",
+    "?": "#FFD93D"
+  },
+  frames: {
+    idle: [IDLE$9],
+    walk: [WALK_0$9, WALK_1$9],
+    sleep: [SLEEP$9],
+    excited: [EXCITED_0$9, EXCITED_1$9],
+    drag: [DRAG$9],
+    working: [WORKING_0$9, WORKING_1$9],
+    success: [SUCCESS_0$9, SUCCESS_1$9],
+    failed: [FAILED$9]
+  }
+};
+const IDLE$8 = [
+  "...oo......oo...",
+  "..oiao....oaio..",
+  "..oaaooooooaao..",
+  ".oaarraarraaaao.",
+  ".oaaaaaaaaaaaao.",
+  ".oaaEaaaaaaEaao.",
+  ".oaabaccccabaao.",
+  ".oaaacnmmncaaao.",
+  "..oaaaccccaaao..",
+  "..oaaaaaaaaaooo.",
+  ".ooaaaaaaaaooao.",
+  "..oopp....ppoao.",
+  "..oooo....oooo.."
+];
+const WALK_0$8 = [
+  ...IDLE$8.slice(0, 9),
+  "..oaaaaaaaaaaoo.",
+  "..oaaaaaaaaooao.",
+  "..oopp.....poao.",
+  "..oooo.....ooo.."
+];
+const WALK_1$8 = [
+  ...IDLE$8.slice(0, 9),
+  "..oaaaaaaaaao...",
+  ".ooaaaaaaaaaooo.",
+  "..op.....ppoao..",
+  "...oo....oooo..."
+];
+const SLEEP$8 = [
+  "................",
+  "................",
+  "...oo......oo...",
+  "..oiao....oaio..",
+  "..oaaooooooaao..",
+  ".oaaeaaaaaaeaao.",
+  ".oaabccccccbaao.",
+  "..oaaacnncaaao..",
+  ".ooaaaaaaaaaaoo.",
+  ".oaccccccccccao.",
+  ".oaaaaaaaaaaoo..",
+  "..oooooooooo....",
+  "................"
+];
+const EXCITED_0$8 = [
+  ...IDLE$8.slice(0, 5),
+  ".oaa*aaaaaa*aao.",
+  ".oaabaccccabaao.",
+  ".oaaacnwwncaaao.",
+  "p.oaaaccccaaao.p",
+  "..oaaaaaaaaaooo.",
+  ".ooaaaaaaaaooao.",
+  "..oopp....ppoao.",
+  "..oooo....oooo.."
+];
+const EXCITED_1$8 = [
+  ...IDLE$8.slice(0, 5),
+  ".oaa*aaaaaa*aao.",
+  ".oaabaccccabaao.",
+  ".oaaacnwwncaaao.",
+  ".poaaaccccaaaop.",
+  "..oaaaaaaaaao...",
+  ".ooaaaaaaaaaaoo.",
+  "...opp..ppoao...",
+  "...ooo..oooo...."
+];
+const DRAG$8 = [
+  "................",
+  ".oo..........oo.",
+  "..oaa......aao..",
+  "..oaaooooooaao..",
+  ".oaarraarraaaao.",
+  ".oaaxaaaaaaxaao.",
+  ".oaabaccccabaao.",
+  ".oaaacnwwncaaao.",
+  "p.oaaaaaaaaaao.p",
+  "..oaaaaaaaaaooo.",
+  ".ooaaaaaaaaooao.",
+  "..op......poao..",
+  ".ooo......oooo.."
+];
+const WORKING_0$8 = [
+  ...IDLE$8.slice(0, 11),
+  "..oapp....ppaao.",
+  ".owwwwwwwwwwwwo."
+];
+const WORKING_1$8 = [
+  ...IDLE$8.slice(0, 5),
+  ".oaaeaaaaaaEaao.",
+  ...IDLE$8.slice(6, 11),
+  "..oapp....ppaao.",
+  ".owwwwwwwwwwwwo."
+];
+const SUCCESS_0$8 = [
+  "*..oo......oo..*",
+  ...IDLE$8.slice(1, 5),
+  ".oaa*aaaaaa*aao.",
+  ...IDLE$8.slice(6, 7),
+  ".oaaacnwwncaaao.",
+  "p.oaaaccccaaao.p",
+  ...IDLE$8.slice(9)
+];
+const SUCCESS_1$8 = [
+  "*..oo......oo..*",
+  ...IDLE$8.slice(1, 5),
+  ".oaa*aaaaaa*aao.",
+  ...IDLE$8.slice(6, 7),
+  "p.oaaacnwwncaaop",
+  ...IDLE$8.slice(8)
+];
+const FAILED$8 = [
+  "....?...........",
+  ...IDLE$8.slice(0, 5),
+  ".oaaxaaaaaaxaao.",
+  ...IDLE$8.slice(6, 7),
+  ".oaaacnwwncaaao.",
+  ...IDLE$8.slice(8, 10),
+  ...IDLE$8.slice(11)
+];
+const cat = {
+  id: "cat",
+  name: "橘猫",
+  palette: {
+    o: "#6E351B",
+    a: "#F39A24",
+    i: "#FFB4AE",
+    r: "#B9531F",
+    c: "#FFE4B0",
+    b: "#F57968",
+    E: "#2A211D",
+    e: "#6E351B",
+    n: "#D94F45",
+    m: "#6E351B",
+    w: "#FFF7E7",
+    "*": "#FFE35A",
+    p: "#6E351B",
+    x: "#2A211D",
+    "?": "#FFE35A"
+  },
+  frames: {
+    idle: [IDLE$8],
+    walk: [WALK_0$8, WALK_1$8],
+    sleep: [SLEEP$8],
+    excited: [EXCITED_0$8, EXCITED_1$8],
+    drag: [DRAG$8],
+    working: [WORKING_0$8, WORKING_1$8],
+    success: [SUCCESS_0$8, SUCCESS_1$8],
+    failed: [FAILED$8]
+  }
+};
+const IDLE$7 = [
+  ".......s........",
+  "......sss.......",
+  ".....dddddd.....",
+  "....daaaaaad....",
+  "...daaaaaaaad...",
+  ".daaaaaaaaaaad..",
+  ".daaEaaaaaaEaad.",
+  ".daaaaaaaaaaad..",
+  ".daaaaammaaaaad.",
+  ".daaaaaaaaaaad..",
+  "...daaaaaaaad...",
+  "....daaaaaad....",
+  "....dd....dd...."
+];
+const WALK_0$7 = [...IDLE$7];
+const WALK_1$7 = [...IDLE$7.slice(0, 12), ".....dd..dd....."];
+const SLEEP$7 = [...IDLE$7.slice(0, 6), ".daaeaaaaaaeaad.", ...IDLE$7.slice(7)];
+const EXCITED_0$7 = [
+  ...IDLE$7.slice(0, 6),
+  ".daa*aaaaaa*aad.",
+  ".daaaaaaaaaaad..",
+  ".daaaammmmaaaad.",
+  ...IDLE$7.slice(9)
+];
+const EXCITED_1$7 = [
+  ...IDLE$7.slice(0, 6),
+  ".daa*aaaaaa*aad.",
+  ".paaaaaaaaaaap..",
+  ".daaaammmmaaaad.",
+  ...IDLE$7.slice(9, 12),
+  ".....dd..dd....."
+];
+const DRAG$7 = [
+  "................",
+  ...IDLE$7.slice(1, 6),
+  ".daaxaaaaaaxaad.",
+  ".daaaaaaaaaaad..",
+  ".daaaammmmaaaad.",
+  ...IDLE$7.slice(9, 12),
+  "...d..d..d..d..."
+];
+const WORKING_0$7 = [
+  ...IDLE$7.slice(0, 8),
+  ".daaawwwwwaaad..",
+  ".daawwwwwwwaad..",
+  ...IDLE$7.slice(10)
+];
+const WORKING_1$7 = [
+  ...IDLE$7.slice(0, 7),
+  ".daaawwwwwaaad..",
+  ".daawwwwwwwaad..",
+  ...IDLE$7.slice(9)
+];
+const SUCCESS_0$7 = [
+  "......s.s.......",
+  ".....sssss......",
+  ...IDLE$7.slice(2, 6),
+  ".daa*aaaaaa*aad.",
+  ".paaaaaaaaaaap..",
+  ".daaaammmmaaaad.",
+  ...IDLE$7.slice(9)
+];
+const SUCCESS_1$7 = [
+  ".......s........",
+  ".....ss.ss......",
+  ...IDLE$7.slice(2, 6),
+  ".daa*aaaaaa*aad.",
+  ".paaaaaaaaaaap..",
+  ".daaaammmmaaaad.",
+  ...IDLE$7.slice(9)
+];
+const FAILED$7 = [
+  "................",
+  "........ss......",
+  ...IDLE$7.slice(2, 6),
+  ".daaxaaaaaaxaad.",
+  ...IDLE$7.slice(7, 8),
+  ".daamamamamaad..",
+  ...IDLE$7.slice(9)
+];
+const claude = {
+  id: "claude",
+  name: "Claude 小宠",
+  palette: {
+    s: "#4ADE80",
+    d: "#C2612A",
+    a: "#E8833A",
+    E: "#2D2D2D",
+    e: "#C2612A",
+    m: "#8A4A1F",
+    "*": "#FFD93D",
+    p: "#C2612A",
+    x: "#2D2D2D",
+    w: "#FFF7E7"
+  },
+  frames: {
+    idle: [IDLE$7],
+    walk: [WALK_0$7, WALK_1$7],
+    sleep: [SLEEP$7],
+    excited: [EXCITED_0$7, EXCITED_1$7],
+    drag: [DRAG$7],
+    working: [WORKING_0$7, WORKING_1$7],
+    success: [SUCCESS_0$7, SUCCESS_1$7],
+    failed: [FAILED$7]
+  }
+};
+const IDLE$6 = [
+  ".......t........",
+  "................",
+  ".....dddddd.....",
+  "....daaaaaad....",
+  "...daaaaaaaad...",
+  "..daaaaaaaaad...",
+  "..daaEaaaaEaad..",
+  "..daaaaaaaaad...",
+  "..daaaammaaaad..",
+  "..daaaaaaaaad...",
+  "...daaaaaaaad...",
+  "....daaaaaad....",
+  "....dd....dd...."
+];
+const WALK_0$6 = [...IDLE$6];
+const WALK_1$6 = [...IDLE$6.slice(0, 12), ".....dd..dd....."];
+const SLEEP$6 = [...IDLE$6.slice(0, 6), "..daaeaaaaeaad..", ...IDLE$6.slice(7)];
+const EXCITED_0$6 = [
+  ...IDLE$6.slice(0, 6),
+  "..daa*aaaa*aad..",
+  "..daaaaaaaaad...",
+  "..daaaammmmaad..",
+  ...IDLE$6.slice(9)
+];
+const EXCITED_1$6 = [
+  ...IDLE$6.slice(0, 6),
+  "..daa*aaaa*aad..",
+  "..paaaaaaaaaap..",
+  "..daaaammmmaad..",
+  ...IDLE$6.slice(9, 12),
+  ".....dd..dd....."
+];
+const DRAG$6 = [
+  "................",
+  ...IDLE$6.slice(1, 6),
+  "..daaxaaaaxaad..",
+  "..daaaaaaaaad...",
+  "..daaaammmmaad..",
+  ...IDLE$6.slice(9, 12),
+  "...d..d..d..d..."
+];
+const WORKING_0$6 = [
+  ...IDLE$6.slice(0, 7),
+  "..dammmaaamad...",
+  ...IDLE$6.slice(8, 9),
+  "..daammmmaaad...",
+  ...IDLE$6.slice(10)
+];
+const WORKING_1$6 = [
+  ...IDLE$6.slice(0, 7),
+  "..daaaammmaad...",
+  ...IDLE$6.slice(8, 9),
+  "..dammmmaaaad...",
+  ...IDLE$6.slice(10)
+];
+const SUCCESS_0$6 = [
+  ".......*........",
+  ...IDLE$6.slice(1, 6),
+  "..daa*aaaa*aad..",
+  "..paaaaaaaaaap..",
+  "..daaaammmmaad..",
+  ...IDLE$6.slice(9)
+];
+const SUCCESS_1$6 = [
+  ...IDLE$6.slice(0, 1),
+  ".......*........",
+  ...IDLE$6.slice(2, 6),
+  "..daa*aaaa*aad..",
+  "..paaaaaaaaaap..",
+  "..daaaammmmaad..",
+  ...IDLE$6.slice(9)
+];
+const FAILED$6 = [
+  "................",
+  "......t.........",
+  ...IDLE$6.slice(2, 6),
+  "..daaxaaaaxaad..",
+  ...IDLE$6.slice(7, 8),
+  "..damamammamad..",
+  ...IDLE$6.slice(9)
+];
+const codex = {
+  id: "codex",
+  name: "Codex 小宠",
+  palette: {
+    t: "#FFD93D",
+    d: "#2E9E5B",
+    a: "#4ADE80",
+    E: "#1A1A2E",
+    e: "#2E9E5B",
+    m: "#1A7A46",
+    "*": "#E8FFF3",
+    p: "#2E9E5B",
+    x: "#1A1A2E"
+  },
+  frames: {
+    idle: [IDLE$6],
+    walk: [WALK_0$6, WALK_1$6],
+    sleep: [SLEEP$6],
+    excited: [EXCITED_0$6, EXCITED_1$6],
+    drag: [DRAG$6],
+    working: [WORKING_0$6, WORKING_1$6],
+    success: [SUCCESS_0$6, SUCCESS_1$6],
+    failed: [FAILED$6]
+  }
+};
+const IDLE$5 = [
+  "................",
+  ".qqo........oqq.",
+  "qoaqo......oqaoq",
+  "qoaaaooooooaaaoq",
+  ".oaaaaaaaaaaaao.",
+  ".oaaEaaaaaaEaao.",
+  ".oaabaccccabaao.",
+  ".oaaacnnnncaaao.",
+  "..oaacmuucaao...",
+  "..oaaaccccaaao..",
+  "..oaaaaaaaaaaoo.",
+  "..oopp....ppoa.o",
+  "..oooo....ooooo."
+];
+const WALK_0$5 = [
+  ...IDLE$5.slice(0, 10),
+  "..oaaaaaaaaaooo.",
+  "..oopp.....poa..",
+  "..oooo.....ooo.."
+];
+const WALK_1$5 = [
+  ...IDLE$5.slice(0, 10),
+  "..oaaaaaaaaao..o",
+  "..op.....ppoa...",
+  "...oo....oooo..."
+];
+const SLEEP$5 = [
+  "................",
+  "................",
+  ".qqo........oqq.",
+  "qoaqo......oqaoq",
+  "qoaaaooooooaaaoq",
+  ".oaaeaaaaaaeaao.",
+  ".oaabccccccbaao.",
+  ".oaaacnnnncaaao.",
+  "..oaaaccccaaao..",
+  ".ooaaaaaaaaaaoo.",
+  ".oaccccccccccao.",
+  "..oooooooooo....",
+  "................"
+];
+const EXCITED_0$5 = [
+  ...IDLE$5.slice(0, 5),
+  ".oaa*aaaaaa*aao.",
+  ".oaabaccccabaao.",
+  ".oaaacnnnncaaao.",
+  "..oaacmuuucaao..",
+  "p.oaaaccccaaao.p",
+  "..oaaaaaaaaaaoo.",
+  "..oopp....ppoa.o",
+  "..oooo....ooooo."
+];
+const EXCITED_1$5 = [
+  ...IDLE$5.slice(0, 5),
+  ".oaa*aaaaaa*aao.",
+  ".oaabaccccabaao.",
+  ".oaaacnnnncaaao.",
+  "..oaacmuuuucaao.",
+  ".poaaaccccaaaop.",
+  "..oaaaaaaaaao..o",
+  "...opp..ppoa....",
+  "...ooo..oooo...."
+];
+const DRAG$5 = [
+  "................",
+  "qqo..........oqq",
+  ".qao........oaq.",
+  ".qoaaaooooooaoq.",
+  ".oaaaaaaaaaaaao.",
+  ".oaaxaaaaaaxaao.",
+  ".oaabaccccabaao.",
+  ".oaaacnnnncaaao.",
+  "..oaacmuuucaao..",
+  "p.oaaaaaaaaaao.p",
+  "..oaaaaaaaaaaoo.",
+  "..op......poa..o",
+  ".ooo......ooooo."
+];
+const WORKING_0$5 = [
+  ...IDLE$5.slice(0, 8),
+  "..oacwwwwcaao...",
+  ...IDLE$5.slice(9)
+];
+const WORKING_1$5 = [
+  ...IDLE$5.slice(0, 8),
+  "..oaacwwwwcaao..",
+  ...IDLE$5.slice(9, 12),
+  ".ooooo....oooo.."
+];
+const SUCCESS_0$5 = [
+  "*..............*",
+  ...IDLE$5.slice(1, 5),
+  ".oaa*aaaaaa*aao.",
+  ...IDLE$5.slice(6, 8),
+  "p.oaacmuuucaao.p",
+  ...IDLE$5.slice(9)
+];
+const SUCCESS_1$5 = [
+  "*..............*",
+  ...IDLE$5.slice(1, 5),
+  ".oaa*aaaaaa*aao.",
+  ...IDLE$5.slice(6, 7),
+  "p.oaaacnnnncaaop",
+  ...IDLE$5.slice(8)
+];
+const FAILED$5 = [
+  "...........?....",
+  ...IDLE$5.slice(1, 5),
+  ".oaaxaaaaaaxaao.",
+  ...IDLE$5.slice(6, 8),
+  "..oaacmucaao....",
+  ...IDLE$5.slice(9, 12),
+  ".woooo....ooooo."
+];
+const dog = {
+  id: "dog",
+  name: "小狗",
+  palette: {
+    o: "#553723",
+    a: "#D99A57",
+    q: "#8A552D",
+    c: "#FFE3B0",
+    b: "#EE7A6E",
+    E: "#211B17",
+    e: "#553723",
+    n: "#2D211A",
+    m: "#6F4028",
+    u: "#FF7485",
+    "*": "#FFE35A",
+    p: "#553723",
+    x: "#211B17",
+    w: "#FFF7E7",
+    "?": "#FFE35A"
+  },
+  frames: {
+    idle: [IDLE$5],
+    walk: [WALK_0$5, WALK_1$5],
+    sleep: [SLEEP$5],
+    excited: [EXCITED_0$5, EXCITED_1$5],
+    drag: [DRAG$5],
+    working: [WORKING_0$5, WORKING_1$5],
+    success: [SUCCESS_0$5, SUCCESS_1$5],
+    failed: [FAILED$5]
+  }
+};
+const hootUrl = "" + new URL("hoot-C7XVSf5y.webp", import.meta.url).href;
+const hoot = {
+  id: "hoot",
+  name: "Professor Hoot",
+  image: hootUrl,
+  frameWidth: 192,
+  frameHeight: 208,
+  states: {
+    idle: { row: 0, frames: 6, frameMs: 917 },
+    walk: { row: 1, frames: 8, frameMs: 133 },
+    sleep: { row: 6, frames: 6, frameMs: 168 },
+    excited: { row: 4, frames: 5, frameMs: 168 },
+    drag: { row: 7, frames: 6, frameMs: 120 },
+    working: { row: 8, frames: 6, frameMs: 168 },
+    success: { row: 3, frames: 4, frameMs: 150 },
+    failed: { row: 5, frames: 8, frameMs: 153 }
+  }
+};
+const IDLE$4 = [
+  "....dddddddd....",
+  "..dddddddddddd..",
+  ".ddffffffffffdd.",
+  ".ddffffffffffdd.",
+  ".ddfEffffffEfdd.",
+  ".ddffffffffffdd.",
+  ".ddffwwwwwwffdd.",
+  ".ddffwnnnnwffdd.",
+  ".ddffwwmmwwffdd.",
+  "..ddffffffffdd..",
+  "...dddddddddd...",
+  "....dd....dd....",
+  "....dd....dd...."
+];
+const WALK_0$4 = [...IDLE$4];
+const WALK_1$4 = [...IDLE$4.slice(0, 12), ".....dd..dd....."];
+const SLEEP$4 = [...IDLE$4.slice(0, 4), ".ddfeffffffefdd.", ...IDLE$4.slice(5)];
+const EXCITED_0$4 = [
+  ...IDLE$4.slice(0, 4),
+  ".ddf*ffffff*fdd.",
+  ...IDLE$4.slice(5)
+];
+const EXCITED_1$4 = [
+  ...IDLE$4.slice(0, 4),
+  ".ddf*ffffff*fdd.",
+  ...IDLE$4.slice(5, 9),
+  "..pffffffffffp..",
+  ...IDLE$4.slice(10, 12),
+  ".....dd..dd....."
+];
+const DRAG$4 = [
+  "................",
+  ...IDLE$4.slice(1, 4),
+  ".ddfxffffffxfdd.",
+  ...IDLE$4.slice(5, 9),
+  "..pffffffffffp..",
+  ...IDLE$4.slice(10, 12),
+  "...d..d..d..d..."
+];
+const WORKING_0$4 = [
+  ...IDLE$4.slice(0, 10),
+  "..pddwwwwwddp...",
+  ...IDLE$4.slice(11)
+];
+const WORKING_1$4 = [
+  ...IDLE$4.slice(0, 10),
+  "..pddwpwwwddp...",
+  ...IDLE$4.slice(11)
+];
+const SUCCESS_0$4 = [
+  "..*.dddddddd.*..",
+  ...IDLE$4.slice(1, 4),
+  ".ddf*ffffff*fdd.",
+  ...IDLE$4.slice(5, 9),
+  "..pffffffffffp..",
+  ...IDLE$4.slice(10)
+];
+const SUCCESS_1$4 = [
+  "....dddddddd....",
+  "*..dddddddddd..*",
+  ...IDLE$4.slice(2, 4),
+  ".ddf*ffffff*fdd.",
+  ...IDLE$4.slice(5, 9),
+  "..pffffffffffp..",
+  ...IDLE$4.slice(10)
+];
+const FAILED$4 = [
+  "....?...........",
+  ...IDLE$4.slice(1, 4),
+  ".ddfxffffffxfdd.",
+  ...IDLE$4.slice(5, 8),
+  ".ddfwwmmmmwwfdd.",
+  ...IDLE$4.slice(9)
+];
+const lion = {
+  id: "lion",
+  name: "狮子",
+  palette: {
+    d: "#B3621F",
+    f: "#F5C542",
+    w: "#FFF3D6",
+    n: "#8A4A1F",
+    m: "#8A4A1F",
+    E: "#2D2D2D",
+    e: "#B3621F",
+    "*": "#FFD93D",
+    p: "#B3621F",
+    x: "#2D2D2D",
+    "?": "#FFD93D"
+  },
+  frames: {
+    idle: [IDLE$4],
+    walk: [WALK_0$4, WALK_1$4],
+    sleep: [SLEEP$4],
+    excited: [EXCITED_0$4, EXCITED_1$4],
+    drag: [DRAG$4],
+    working: [WORKING_0$4, WORKING_1$4],
+    success: [SUCCESS_0$4, SUCCESS_1$4],
+    failed: [FAILED$4]
+  }
+};
+const IDLE$3 = [
+  "................",
+  "................",
+  "..dddddddddddd..",
+  "..daaaaaaaaad...",
+  "..dabaaaaaabad..",
+  "..daEEaaaaEEad..",
+  "..daEEaaaaEEad..",
+  "..daaaammaaaad..",
+  "..daaaammmmaad..",
+  "..daammaammaad..",
+  "..daaaaaaaaad...",
+  "..dddddddddddd..",
+  "...dd..dd..dd..."
+];
+const WALK_0$3 = [...IDLE$3];
+const WALK_1$3 = [...IDLE$3.slice(0, 12), "..dd..dddd..dd.."];
+const SLEEP$3 = [
+  ...IDLE$3.slice(0, 5),
+  "..daeeaaaaeead..",
+  "..daeeaaaaeead..",
+  ...IDLE$3.slice(7)
+];
+const EXCITED_0$3 = [
+  ...IDLE$3.slice(0, 5),
+  "..da**aaaa**ad..",
+  "..da**aaaa**ad..",
+  ...IDLE$3.slice(7)
+];
+const EXCITED_1$3 = [
+  ...IDLE$3.slice(0, 3),
+  "..dllllllllld...",
+  "..dllllllllld...",
+  "..da**aaaa**ad..",
+  "..da**aaaa**ad..",
+  ...IDLE$3.slice(7, 10),
+  "..dllllllllld...",
+  ...IDLE$3.slice(11)
+];
+const DRAG$3 = [
+  ...IDLE$3.slice(0, 5),
+  "..daxxaaaaxxad..",
+  "..daxxaaaaxxad..",
+  ...IDLE$3.slice(7, 12),
+  "...d..d..d..d..."
+];
+const WORKING_0$3 = [
+  ...IDLE$3.slice(0, 12),
+  "...dd..ddbbdd..."
+];
+const WORKING_1$3 = [
+  ...IDLE$3.slice(0, 12),
+  "...ddlbdd..dd..."
+];
+const SUCCESS_0$3 = [
+  ...IDLE$3.slice(0, 5),
+  "..da**aaaa**ad..",
+  "..da**aaaa**ad..",
+  ...IDLE$3.slice(7, 10),
+  "..dllllllllld...",
+  ...IDLE$3.slice(11)
+];
+const SUCCESS_1$3 = [
+  ...IDLE$3.slice(0, 2),
+  "..dllllllllld...",
+  ...IDLE$3.slice(3, 5),
+  "..da**aaaa**ad..",
+  "..da**aaaa**ad..",
+  ...IDLE$3.slice(7, 10),
+  "..dllllllllld...",
+  ...IDLE$3.slice(11)
+];
+const FAILED$3 = [
+  ...IDLE$3.slice(0, 4),
+  "..dabbaaaabbad..",
+  "..daxxaaaaxxad..",
+  "..daxxaaaaxxad..",
+  ...IDLE$3.slice(7, 8),
+  "..daammmmmmaad..",
+  ...IDLE$3.slice(9)
+];
+const minecraft = {
+  id: "minecraft",
+  name: "我的世界小宠",
+  palette: {
+    d: "#558B2F",
+    a: "#7CB342",
+    b: "#689F38",
+    l: "#9CCC65",
+    E: "#1A1A2E",
+    e: "#558B2F",
+    m: "#1A1A2E",
+    "*": "#C5E1A5",
+    x: "#33691E"
+  },
+  frames: {
+    idle: [IDLE$3],
+    walk: [WALK_0$3, WALK_1$3],
+    sleep: [SLEEP$3],
+    excited: [EXCITED_0$3, EXCITED_1$3],
+    drag: [DRAG$3],
+    working: [WORKING_0$3, WORKING_1$3],
+    success: [SUCCESS_0$3, SUCCESS_1$3],
+    failed: [FAILED$3]
+  }
+};
+const IDLE$2 = [
+  ".....dddddd.....",
+  "....dddddddd....",
+  "...dddddddddd...",
+  "...ddwwwwwwdd...",
+  "...dwEwwEwd.....",
+  "...dwwbbwwd.....",
+  "..ddwwwwwwwwdd..",
+  ".kddwwwwwwwwddk.",
+  ".kddwwwwwwwwddk.",
+  "..ddwwwwwwwwdd..",
+  "...dddddddddd...",
+  "....ff....ff....",
+  "...fff....fff..."
+];
+const WALK_0$2 = [...IDLE$2];
+const WALK_1$2 = [...IDLE$2.slice(0, 11), ".....ff..ff.....", "....fff..fff...."];
+const SLEEP$2 = [...IDLE$2.slice(0, 4), "...dwewwewd.....", ...IDLE$2.slice(5)];
+const EXCITED_0$2 = [
+  ...IDLE$2.slice(0, 4),
+  "...dw*ww*wd.....",
+  ...IDLE$2.slice(5)
+];
+const EXCITED_1$2 = [
+  ...IDLE$2.slice(0, 4),
+  "...dw*ww*wd.....",
+  ...IDLE$2.slice(5, 7),
+  "kddwwwwwwwwddk..",
+  ...IDLE$2.slice(8, 11),
+  ".....ff..ff.....",
+  "....fff..fff...."
+];
+const DRAG$2 = [
+  "................",
+  ...IDLE$2.slice(1, 4),
+  "...dwxwwxwd.....",
+  ...IDLE$2.slice(5, 7),
+  "kddwwwwwwwwddk..",
+  "kddwwwwwwwwddk..",
+  ...IDLE$2.slice(9, 11),
+  "...ff......ff...",
+  "..fff......fff.."
+];
+const WORKING_0$2 = [
+  ...IDLE$2.slice(0, 7),
+  ".kddwffffffwddk.",
+  ...IDLE$2.slice(8)
+];
+const WORKING_1$2 = [
+  ...IDLE$2.slice(0, 6),
+  "..ddwffffffwdd..",
+  ...IDLE$2.slice(7)
+];
+const SUCCESS_0$2 = [
+  ".....ffffff.....",
+  ...IDLE$2.slice(1, 4),
+  "...dw*ww*wd.....",
+  ...IDLE$2.slice(5, 7),
+  "kddwwwwwwwwddk..",
+  ...IDLE$2.slice(8)
+];
+const SUCCESS_1$2 = [
+  "................",
+  "....ffffff......",
+  ...IDLE$2.slice(2, 4),
+  "...dw*ww*wd.....",
+  ...IDLE$2.slice(5, 7),
+  "kddwwwwwwwwddk..",
+  ...IDLE$2.slice(8)
+];
+const FAILED$2 = [
+  "..?.............",
+  ...IDLE$2.slice(1, 4),
+  "...dwxwwxwd.....",
+  ...IDLE$2.slice(5, 12),
+  "..fff.ffffff...."
+];
+const penguin = {
+  id: "penguin",
+  name: "企鹅",
+  palette: {
+    d: "#1F2937",
+    w: "#F9FAFB",
+    k: "#374151",
+    b: "#F59E0B",
+    f: "#F59E0B",
+    E: "#111827",
+    e: "#374151",
+    "*": "#FFD93D",
+    x: "#111827",
+    "?": "#FFD93D"
+  },
+  frames: {
+    idle: [IDLE$2],
+    walk: [WALK_0$2, WALK_1$2],
+    sleep: [SLEEP$2],
+    excited: [EXCITED_0$2, EXCITED_1$2],
+    drag: [DRAG$2],
+    working: [WORKING_0$2, WORKING_1$2],
+    success: [SUCCESS_0$2, SUCCESS_1$2],
+    failed: [FAILED$2]
+  }
+};
+const IDLE$1 = [
+  "...dd......dd...",
+  "..daad....daad..",
+  "..daaddddddaad..",
+  ".daattttttttaad.",
+  ".daaaaaaaaaaaad.",
+  ".daaEaaaaaaEaad.",
+  ".taaaaaaaaaaaat.",
+  ".daaaanmmnaaaad.",
+  ".taaaaaaaaaaaat.",
+  "...daaaaaaaadd..",
+  "...daaaaaaaaadt.",
+  "....dd....dd....",
+  "....dd....dd...."
+];
+const WALK_0$1 = [...IDLE$1];
+const WALK_1$1 = [...IDLE$1.slice(0, 12), ".....dd..dd....."];
+const SLEEP$1 = [...IDLE$1.slice(0, 5), ".daaeaaaaaaeaad.", ...IDLE$1.slice(6)];
+const EXCITED_0$1 = [
+  ...IDLE$1.slice(0, 5),
+  ".daa*aaaaaa*aad.",
+  ".taaaaaaaaaaaat.",
+  ".daaaammmmaaaad.",
+  ...IDLE$1.slice(8)
+];
+const EXCITED_1$1 = [
+  ...IDLE$1.slice(0, 5),
+  ".daa*aaaaaa*aad.",
+  ".paaaaaaaaaaaap.",
+  ".daaaammmmaaaad.",
+  ...IDLE$1.slice(8, 12),
+  ".....dd..dd....."
+];
+const DRAG$1 = [
+  "................",
+  ...IDLE$1.slice(1, 5),
+  ".daaxaaaaaaxaad.",
+  ".taaaaaaaaaaaat.",
+  ".daaaammmmaaaad.",
+  ...IDLE$1.slice(8, 12),
+  "...d..d..d..d..."
+];
+const WORKING_0$1 = [
+  ...IDLE$1.slice(0, 11),
+  "...dpp....ppd...",
+  "...dwwwwwwwwd..."
+];
+const WORKING_1$1 = [
+  ...IDLE$1.slice(0, 11),
+  "...dp.....pdp...",
+  "...dwwwwwwwwd..."
+];
+const SUCCESS_0$1 = [
+  ...IDLE$1.slice(0, 5),
+  ".daa*aaaaaa*aad.",
+  ...IDLE$1.slice(6, 7),
+  ".daaaammmmaaaad.",
+  ".paaaaaaaaaaaap.",
+  "...daaaaaaaaddt.",
+  ...IDLE$1.slice(10)
+];
+const SUCCESS_1$1 = [
+  ...IDLE$1.slice(0, 5),
+  ".daa*aaaaaa*aad.",
+  "ptaaaaaaaaaaatp.",
+  ".daaaammmmaaaad.",
+  ...IDLE$1.slice(8, 9),
+  "...daaaaaaaaddt.",
+  ...IDLE$1.slice(10)
+];
+const FAILED$1 = [
+  "..........?.....",
+  ...IDLE$1.slice(1, 5),
+  ".daaxaaaaaaxaad.",
+  ...IDLE$1.slice(6, 7),
+  ".daaaammmmaaaad.",
+  ...IDLE$1.slice(8)
+];
+const tiger = {
+  id: "tiger",
+  name: "老虎",
+  palette: {
+    d: "#7A3E10",
+    a: "#F58B1F",
+    t: "#2D2D2D",
+    n: "#E2543E",
+    m: "#7A3E10",
+    E: "#2D2D2D",
+    e: "#7A3E10",
+    "*": "#FFD93D",
+    p: "#7A3E10",
+    x: "#2D2D2D",
+    w: "#FFF3D6",
+    "?": "#FFD93D"
+  },
+  frames: {
+    idle: [IDLE$1],
+    walk: [WALK_0$1, WALK_1$1],
+    sleep: [SLEEP$1],
+    excited: [EXCITED_0$1, EXCITED_1$1],
+    drag: [DRAG$1],
+    working: [WORKING_0$1, WORKING_1$1],
+    success: [SUCCESS_0$1, SUCCESS_1$1],
+    failed: [FAILED$1]
+  }
+};
+const IDLE = [
+  "....w...w.......",
+  ".....w.w........",
+  "......w.........",
+  "....dddddddd....",
+  "..dddddddddddd..",
+  ".daaaaaaaaaaad..",
+  ".daEaaaaaaaaaad.",
+  ".daaaaaaaaaaadf.",
+  ".daawwwwwwaaadff",
+  "..dawwwwwwaad.f.",
+  "...ddwwwwddddd..",
+  "......dddd......",
+  ".......dd......."
+];
+const WALK_0 = [...IDLE];
+const WALK_1 = [
+  "................",
+  "................",
+  "................",
+  ...IDLE.slice(3, 7),
+  ".daaaaaaaaaaadf.",
+  ".daawwwwwwaaadff",
+  "..dawwwwwwaadf..",
+  "...ddwwwwddddd..",
+  "......dddd......",
+  "................"
+];
+const SLEEP = [
+  "................",
+  "................",
+  "................",
+  ...IDLE.slice(3, 6),
+  ".daeaaaaaaaaaad.",
+  ...IDLE.slice(7)
+];
+const EXCITED_0 = [
+  "...w.....w......",
+  "....w...w.......",
+  ".....w.w........",
+  ...IDLE.slice(3, 6),
+  ".da*aaaaaaaaaad.",
+  ...IDLE.slice(7)
+];
+const EXCITED_1 = [
+  "..w.......w.....",
+  "...w.....w......",
+  "....w...w.......",
+  ...IDLE.slice(3, 6),
+  ".da*aaaaaaaaaad.",
+  ...IDLE.slice(7)
+];
+const DRAG = [
+  "................",
+  "....w...........",
+  "................",
+  ...IDLE.slice(3, 6),
+  ".daxaaaaaaaaaad.",
+  ...IDLE.slice(7, 11),
+  ".....d....d.....",
+  "................"
+];
+const WORKING_0 = [
+  ".....wwww.......",
+  "......w.........",
+  "......w.........",
+  ...IDLE.slice(3)
+];
+const WORKING_1 = [
+  "....wwww........",
+  "......w.........",
+  "......w.........",
+  ...IDLE.slice(3)
+];
+const SUCCESS_0 = [
+  ".w...........w..",
+  "..w.........w...",
+  "...w.......w....",
+  ...IDLE.slice(3, 6),
+  ".da*aaaaaaaaaad.",
+  ...IDLE.slice(7)
+];
+const SUCCESS_1 = [
+  "...w.......w....",
+  "..w.........w...",
+  ".w...........w..",
+  ...IDLE.slice(3, 6),
+  ".da*aaaaaaaaaad.",
+  ...IDLE.slice(7)
+];
+const FAILED = [
+  "................",
+  "....w......w....",
+  "................",
+  ...IDLE.slice(3, 6),
+  ".daxaaaaaaaaaad.",
+  ...IDLE.slice(7)
+];
+const whale = {
+  id: "whale",
+  name: "蓝鲸",
+  palette: {
+    d: "#1E4A6E",
+    a: "#4A8FC7",
+    w: "#BFE3F7",
+    f: "#163A58",
+    E: "#13293D",
+    e: "#1E4A6E",
+    "*": "#FFD93D",
+    x: "#13293D"
+  },
+  frames: {
+    idle: [IDLE],
+    walk: [WALK_0, WALK_1],
+    sleep: [SLEEP],
+    excited: [EXCITED_0, EXCITED_1],
+    drag: [DRAG],
+    working: [WORKING_0, WORKING_1],
+    success: [SUCCESS_0, SUCCESS_1],
+    failed: [FAILED]
+  }
+};
+const robotBlueUrl = "" + new URL("robot-blue-CFH9bWjZ.png", import.meta.url).href;
+const still = { row: 0, frames: 1, frameMs: 180 };
+const robotBlue = {
+  id: "robot-blue",
+  name: "蓝色协作机器人",
+  image: robotBlueUrl,
+  imageLayout: "single",
+  frameWidth: 1024,
+  frameHeight: 1536,
+  displaySize: { width: 180, height: 270 },
+  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 }
+  },
+  anchors: {
+    ground: { x: 0.5, y: 0.955 },
+    bubble: { x: 0.5, y: 0.08 },
+    effects: {
+      leftHand: { x: 0.2, y: 0.66 },
+      rightHand: { x: 0.8, y: 0.66 },
+      screen: { x: 0.5, y: 0.33 }
+    },
+    contentBounds: { x: 0.08, y: 0.02, width: 0.84, height: 0.94 }
+  }
+};
+const skins = {
+  codex,
+  claude,
+  minecraft,
+  cat,
+  dog,
+  bird,
+  lion,
+  tiger,
+  whale,
+  penguin
+};
+const spriteSkins = { hoot, "robot-blue": robotBlue };
+const defaultSkin = codex;
+function resolveSkin(id) {
+  const ascii = skins[id];
+  if (ascii) return { kind: "ascii", skin: ascii };
+  const sprite = spriteSkins[id];
+  if (sprite) return { kind: "sprite", skin: sprite };
+  return void 0;
+}
+class Bubble {
+  el;
+  hideTimer;
+  constructor(container) {
+    this.el = document.createElement("div");
+    this.el.className = "bubble";
+    container.appendChild(this.el);
+  }
+  show(text, ttl = 6e3) {
+    clearTimeout(this.hideTimer);
+    this.el.textContent = text;
+    this.el.classList.remove("pop", "fade");
+    void this.el.offsetWidth;
+    this.el.classList.add("show", "pop");
+    this.hideTimer = setTimeout(() => {
+      this.el.classList.remove("show");
+      this.el.classList.add("fade");
+    }, ttl);
+  }
+  setAnchor(x, y) {
+    this.el.style.left = `${Math.min(1, Math.max(0, x)) * 100}%`;
+    this.el.style.top = `${Math.min(1, Math.max(0, y)) * 100}%`;
+  }
+}
+class RewardFloat {
+  el;
+  hideTimer;
+  constructor(container) {
+    this.el = document.createElement("div");
+    this.el.className = "reward-float";
+    this.el.setAttribute("aria-live", "polite");
+    container.appendChild(this.el);
+  }
+  show(amount, label = "小鱼干") {
+    clearTimeout(this.hideTimer);
+    this.el.textContent = `+${Math.round(amount)} ${label}`;
+    this.el.classList.remove("play");
+    void this.el.offsetWidth;
+    this.el.classList.add("play");
+    this.hideTimer = setTimeout(() => {
+      this.el.classList.remove("play");
+    }, 2200);
+  }
+}
+const TICK_MS = 350;
+const SPRITE_DRAW_MS = 100;
+const canvas = document.getElementById("pet");
+const identityBadge = document.getElementById("pet-identity");
+const bubble = new Bubble(document.body);
+const reward = new RewardFloat(document.body);
+let entry = { kind: "ascii", skin: defaultSkin };
+let asciiSkin = defaultSkin;
+const renderer = new PixelRenderer(canvas);
+const spriteRenderer = new SpriteRenderer(canvas, () => draw());
+const animator = new Animator(() => asciiSkin);
+animator.onMove = (dx, dy) => window.petApi.move(dx, dy);
+let lastState = animator.state;
+let stateStart = performance.now();
+function spriteElapsed() {
+  if (animator.state !== lastState) {
+    lastState = animator.state;
+    stateStart = performance.now();
+  }
+  return performance.now() - stateStart;
+}
+function draw() {
+  if (entry.kind === "sprite") {
+    spriteRenderer.draw(entry.skin, animator.state, spriteElapsed(), {
+      flip: animator.flip,
+      sleeping: animator.state === "sleep",
+      tick: animator.tickCount,
+      hearts: animator.reaction === "hearts"
+    });
+    return;
+  }
+  renderer.draw(asciiSkin, animator.frame, {
+    blink: animator.blink,
+    flip: animator.flip,
+    sleeping: animator.state === "sleep",
+    tick: animator.tickCount,
+    hearts: animator.reaction === "hearts"
+  });
+}
+function applySkin(id) {
+  const next = resolveSkin(id);
+  if (!next) return;
+  entry = next;
+  if (next.kind === "ascii") {
+    asciiSkin = next.skin;
+    canvas.width = PIXEL_CANVAS_WIDTH;
+    canvas.height = PIXEL_CANVAS_HEIGHT;
+    bubble.setAnchor(0.5, 0.03);
+  } else {
+    spriteRenderer.load(next.skin);
+    const anchor = next.skin.anchors?.bubble;
+    bubble.setAnchor(anchor?.x ?? 0.5, anchor?.y ?? 0.03);
+  }
+  lastState = animator.state;
+  stateStart = performance.now();
+  draw();
+}
+setInterval(() => {
+  animator.advance();
+  draw();
+}, TICK_MS);
+setInterval(() => {
+  if (entry.kind === "sprite") draw();
+}, SPRITE_DRAW_MS);
+draw();
+const GREETINGS = ["你好呀！", "一起玩吧！", "嗨～", "见到你真开心！"];
+window.petApi.onEvent((ev) => {
+  if (ev.type === "skin") {
+    applySkin(ev.skin);
+  } else if (ev.type === "identity") {
+    identityBadge.textContent = ev.label;
+    identityBadge.dataset.kind = ev.kind;
+    identityBadge.hidden = false;
+  } else if (ev.type === "state") {
+    animator.forceState(ev.state, ev.ttl);
+  } else if (ev.type === "bubble") {
+    bubble.show(ev.text, ev.ttl);
+  } else if (ev.type === "reward") {
+    reward.show(ev.amount, ev.label ?? "小鱼干");
+    animator.react("hearts", 8);
+    animator.forceState("excited", 8);
+  } else if (ev.type === "interact") {
+    if (ev.kind === "greet") {
+      animator.react("hearts");
+      animator.forceState("excited", 6);
+      bubble.show(GREETINGS[Math.floor(Math.random() * GREETINGS.length)], 4e3);
+    } else if (ev.kind === "approach") {
+      animator.forceState("walk", 5, ev.dir);
+    }
+  }
+  draw();
+});
+let dragging = false;
+let lastX = 0;
+let lastY = 0;
+canvas.addEventListener("mousedown", (e) => {
+  if (e.button !== 0) return;
+  dragging = true;
+  lastX = e.screenX;
+  lastY = e.screenY;
+  animator.setDragging(true);
+  window.petApi.drag("start");
+  draw();
+});
+window.addEventListener("mousemove", (e) => {
+  if (!dragging) return;
+  const dx = e.screenX - lastX;
+  const dy = e.screenY - lastY;
+  if (dx !== 0 || dy !== 0) window.petApi.drag("move", dx, dy);
+  lastX = e.screenX;
+  lastY = e.screenY;
+});
+window.addEventListener("mouseup", () => {
+  if (!dragging) return;
+  dragging = false;
+  window.petApi.drag("end");
+  animator.setDragging(false);
+  draw();
+});
+window.addEventListener("contextmenu", (e) => {
+  e.preventDefault();
+  if (dragging) {
+    dragging = false;
+    window.petApi.drag("end");
+    animator.setDragging(false);
+    draw();
+  }
+  window.petApi.openMenu();
+});
+window.addEventListener("blur", () => {
+  if (!dragging) return;
+  dragging = false;
+  window.petApi.drag("end");
+  animator.setDragging(false);
+  draw();
+});