# Claude Code 背景动画实验室：基于 REA 调查的桌面动画重新实现

> 将 Claude 桌面应用中 Claude Code“新会话”界面的字符风场背景，重新实现为可离线运行的 WebGL2 页面，并附带 38 个滑块的控制面板。作者报告先用 REA 对桌面外壳及其远程网页包进行静态调查，再以新编写的渲染器复用恢复出的时序与布局参数。它与原效果的视觉语言和交互方式相近，但不是逐像素一致的提取。

- 类型：案例
- 目标：应用
- 类别：REA 社区调查案例
- 关联：作者报告的混合工具流程
- 来源复核于：2026-10-18
- 收录于：2026-10-19
- 原始资源：<https://github.com/Henry-fan88/claude-code-background>
- 一手来源：<https://github.com/Henry-fan88/claude-code-background/blob/3dbd1065835508be6027137927deeddb8c30fe55/docs/PROVENANCE.md>
- 目录页面：<https://awesomerea.org/zh/resources/claude-code-background-lab-case/>
- 记录 JSON：<https://awesomerea.org/resources/claude-code-background-lab-case/record.json>
- 英文版：[English](https://awesomerea.org/resources/claude-code-background-lab-case/index.md)

## 使用条件与局限

- **前提条件：**运行时只需用支持 WebGL2 的浏览器打开 index.html；若浏览器限制本地文件，可改用本地静态服务器。项目没有 Canvas2D 回退方案，系统等宽字体也会改变字形度量。开发需要 Python 3 与 Node.js 18+，没有第三方运行时或构建依赖。
- **范围：**所审阅的固定版本是仓库唯一的公开提交，日期为 2026 年 10 月 16 日。PROVENANCE.md 报告该调查针对 Claude 桌面版 2.37337.1，从 REA 的 analyze_javascript_application 开始，沿桌面外壳加载的远程页面追踪到背景模块，且全程为静态分析：未启动 Claude，也未在运行时检查。文档记录了保留的 ASAR 与解码后模块的 SHA-256，并列出本地 REA 证据 ID，但相应的证据归档未公开。
- **范围：**公开版本复用了恢复出的事实性参数，包括 6.5 × 13 CSS 像素的单元格、标称 9 px 字号、3 秒入场延迟与淡入、4 秒风场显现、500 毫秒失焦淡出，以及每秒 42–64 像素的风速。着色器、噪声场、随机数生成器、字符序列和单通道实例化渲染均为新编写。作者说明早期的私有原型曾使用提取的源码与内置字体。
- **测试证据：**CI 运行六项针对确定性辅助函数的 Node 测试，重新构建离线页面并检查其为最新，再执行发布检查，涵盖离线输出、语法、本地链接，以及排除提取素材与本地路径。VALIDATION.md 报告在 macOS 的 Chrome 中手动检查了渲染与控件，但设置导入未经浏览器验证，也未对 Claude 进行运行测试或与原效果逐像素比较。参考录像所用的远程构建、种子、主题与字体均不明确。
- **许可：**MIT 许可覆盖原创代码与文档。仓库声明不分发任何恢复出的 Anthropic 源码、着色器、字体、ASAR 文件、原应用截图、录像或账号数据，其许可也不授予 Anthropic 软件、字体或商标的任何权利。项目为非官方项目，与 Anthropic 无关联；REA 被署名为调查工具而非随附依赖，作者另注明开发过程借助了 AI。

## 一手来源

1. <https://github.com/Henry-fan88/claude-code-background/blob/3dbd1065835508be6027137927deeddb8c30fe55/docs/PROVENANCE.md>
2. <https://github.com/Henry-fan88/claude-code-background/blob/3dbd1065835508be6027137927deeddb8c30fe55/README.md>
3. <https://github.com/Henry-fan88/claude-code-background/blob/3dbd1065835508be6027137927deeddb8c30fe55/docs/VALIDATION.md>
4. <https://github.com/Henry-fan88/claude-code-background/blob/3dbd1065835508be6027137927deeddb8c30fe55/THIRD_PARTY_NOTICES.md>
5. <https://github.com/Henry-fan88/claude-code-background/blob/3dbd1065835508be6027137927deeddb8c30fe55/.github/workflows/ci.yml>
6. <https://github.com/Henry-fan88/claude-code-background/blob/3dbd1065835508be6027137927deeddb8c30fe55/scripts/check_release.py>
7. <https://github.com/Henry-fan88/claude-code-background/blob/3dbd1065835508be6027137927deeddb8c30fe55/scripts/renderer.test.cjs>
8. <https://github.com/Henry-fan88/claude-code-background/blob/3dbd1065835508be6027137927deeddb8c30fe55/CONTRIBUTING.md>
9. <https://github.com/Henry-fan88/claude-code-background/blob/3dbd1065835508be6027137927deeddb8c30fe55/LICENSE>

## 同分区更多条目：应用

- [Notes CSV 导出：作者报告的 REA 重建验收器检查](https://awesomerea.org/zh/resources/rea-notes-csv-oracle-mutation-case/index.md) · 案例
- [Sofa TV Browser：面向遥控操作的 BrowseHere 替代应用](https://awesomerea.org/zh/resources/sofa-tv-browser-browsehere-case/index.md) · 案例
- [FastView-REA：Fast View 5 的 Rust 重建](https://awesomerea.org/zh/resources/fastview-rea-relay-analysis-rebuild-case/index.md) · 案例
- [DiskLens：基于 WinDirStat 研究的磁盘用量分析器](https://awesomerea.org/zh/resources/disklens-windirstat-rea-case/index.md) · 案例
- [SoundConnect Desktop：复用已调查耳机引擎的 Windows 客户端](https://awesomerea.org/zh/resources/soundconnect-desktop-rea-engine-case/index.md) · 案例
- [rec-rs：参考 OBS 架构的 Rust macOS 录制器](https://awesomerea.org/zh/resources/rec-rs-obs-rea-recorder-case/index.md) · 案例

## 关于此条目

说明已依据一手来源复核。
原创说明采用 MIT 许可；外部项目、论文与素材保留各自的权利和许可。