Files
SpineWallpaper/.scratch/build-pipeline/issues/06-pixel-verification.md
T
Shuery 3f11426964 feat: TS 构建管线、Spine 抓取器与 wallpapers/ 唯一真相来源
把项目从「手写 dist/」改成「wallpapers/ 是唯一真相来源,dist/ 由 pnpm build 生成」,
并补上配套的类型、门禁与抓取器。一次提交落地整条管线,因为拆开会留下不能构建的中间态。

- src/:运行时与模拟器源码(TS,strict),编译到 build/ 再拷进各分发
- tools/:build / dev / check-{syntax,paths,dist},以及抓取器与回归门禁 tools/checks/
  (.scratch/ 下那批一次性脚本移入 tools/checks/ 并入库为长期门禁)
- wallpapers/:七档壁纸的源数据 + README.md(id/音频/预设的完整规范)
- docs/adr/0005-0008:构建管线与分发拓扑、模拟器契约、自包含 sim、每骨架资源布局
- .gitignore:排除 .scratch/ 的参考资料副本(上游 spine 整仓克隆 ~1.2 GB、
  抓取侦查数据 ~680 MB)与调试转储;这些是本地调查材料,补偿会让仓库无法克隆
- 归一化 .gitignore/CONTEXT.md 行尾(工作区 CRLF、索引 LF 造成的整文件假 diff)

同时修掉三档卡住构建的未完工壁纸:
- kv45 的 meta.json 里 id 还是抓取期场景名 scene_main,经 downloader promote 正名为 kv45
- shajin / zhigengniao_juheye 的 meta.json 误用了骨架描述文件(name/spine/animations/pages)、
  且都缺 preset.template.json;现按规范重建:骨架沉到 spines/<名>/(spine-ts 按 atlas 所在
  目录解析贴图页)、补上元数据与单骨架预设,并清掉 zhigengniao 骨架里指向作者机的绝对路径
- 顺带 promote 已在 sources.yml 里的 kv46(月升之前,与兽共舞)

pnpm check 五道门全绿:10 个分发 / 7 档壁纸 / 141 处引用自包含。
2026-10-02 01:27:02 +08:00

1018 B
Raw Blame History

06 — 像素验收:必须在 rAF 内跨帧采样

Status: resolved Type: task

问题

verify-sim-page.mts 报告"非透明占比 0.0%",但页面看上去是画出来的。

诊断(两个叠加原因)

  1. 取错了 canvas。 页面里除了 spine 的 canvas,还有一个 300×150 的默认 canvas,检查取的是后者。
  2. 在 requestAnimationFrame 之外读像素。 spine 用 preserveDrawingBuffer: false,渲染缓冲在合成后被清空;rAF 外调 gl.readPixels 永远读到清空后的缓冲。

答案

  • 取面积最大的 canvas。
  • 注入一个跨 90 帧的 rAF 采样器,累计 window.__px.best(各帧最大值),最后读这个值。

修好后 kv37 是 100.0%、合集类是 77.9%(骨架没铺满整屏,合理)。

教训

"渲染没发生"和"我没读到"在像素检查里长得一模一样。preserveDrawingBuffer: false 这个设置让所有单次采样都恒为 0——看起来像"壁纸白屏",实际是测量方法错了。