把 100% 的顯示尺寸對齊 Codex 桌面寵物(126 × 137)
摘要: 原本 100% 直接用 spritesheet 的單格尺寸 192 × 208 顯示,比並排的 Codex 桌面寵物大了一半,就算縮到 75% 還是明顯偏大。 根本原因: 把「spritesheet 來源格子大小」直接當成「畫面顯示大小」在用。Codex 是另外算的:mascot 以寬度為基準,高度用 ceil(寬 × 208/192) 求得,跟單格 192 × 208 無關。 影響: 兩隻並排時大小不一致;使用者得手動調到某個非整數的縮放才勉強接近,而每一級縮放又都以 192 × 208 為基礎,永遠對不準。 修法: - 新增 PET_W / PET_H(126 × 137),與 CELL_W / CELL_H 分家:後者只負責從 spritesheet 取格子,前者才是畫到畫面上的大小。 - 高度沿用 Codex 的 ake() 公式 ceil(寬 × 208/192),長寬比與 Codex 一致。 - 尺寸取自實測:Codex 與本程式並排截圖比對,因 xiao-nian 每一格的人物輪廓都固定是 208 中的 198 px,兩者輪廓高度比即等於顯示尺寸比(與螢幕 DPI 無關),推得 Codex 為 137.3 × 126.7。 - 視窗寬度加上 MIN_WIN_W = 240 下限:寵物縮小後視窗跟著變窄會讓氣泡被截斷,Codex 的氣泡(315 px)同樣遠寬於寵物本身。 - 追視死區 56 → 38,維持與寵物尺寸相同的比例。 - 視窗高度與游標追視的頭部位置一併改用 PET_H。 驗證: scale 1 時人物實高 130.4 px,實測 Codex 為 130.7 px,誤差 0.2%。 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -13,11 +13,15 @@ const CONFIG_DIR = path.join(HOME, ".claude-pet");
|
||||
const CONFIG_PATH = path.join(CONFIG_DIR, "config.json");
|
||||
const LOG_PATH = path.join(CONFIG_DIR, "events.log");
|
||||
|
||||
const CELL_W = 192;
|
||||
const CELL_W = 192; // spritesheet 單格來源尺寸
|
||||
const CELL_H = 208;
|
||||
// 100% 時的顯示尺寸,對齊 Codex 桌面寵物:寬度為基準,高度用 Codex 的 ake() 公式 ceil(w * 208/192)
|
||||
const PET_W = 126;
|
||||
const PET_H = Math.ceil((PET_W * CELL_H) / CELL_W); // 137
|
||||
const BUBBLE_H = 72; // 氣泡保留高度
|
||||
const PAD_X = 24; // 左右透明邊
|
||||
const PAD_X = 24; // 左右最小透明邊
|
||||
const PAD_BOTTOM = 8;
|
||||
const MIN_WIN_W = 240; // 視窗最小寬度,保留氣泡的可讀寬度(Codex 的氣泡也遠寬於寵物本身)
|
||||
const SCALES = [0.5, 0.75, 1, 1.25, 1.5];
|
||||
|
||||
const DEFAULT_CONFIG = {
|
||||
@@ -125,8 +129,8 @@ function petPayload(pet) {
|
||||
|
||||
function windowSizeFor(scale) {
|
||||
return {
|
||||
width: Math.round(CELL_W * scale) + PAD_X * 2,
|
||||
height: Math.round(CELL_H * scale) + BUBBLE_H + PAD_BOTTOM,
|
||||
width: Math.max(Math.round(PET_W * scale) + PAD_X * 2, MIN_WIN_W),
|
||||
height: Math.round(PET_H * scale) + BUBBLE_H + PAD_BOTTOM,
|
||||
};
|
||||
}
|
||||
|
||||
@@ -237,7 +241,7 @@ function startCursorPolling() {
|
||||
lastCursor = p;
|
||||
const b = win.getBounds();
|
||||
const cx = b.x + b.width / 2;
|
||||
const cy = b.y + BUBBLE_H + CELL_H * config.scale * 0.3; // 大約頭部的高度
|
||||
const cy = b.y + BUBBLE_H + PET_H * config.scale * 0.3; // 大約頭部的高度
|
||||
send("pet:cursor", { dx: p.x - cx, dy: p.y - cy });
|
||||
}, 50);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user