AwesomeREA.org

案例

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

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

使用条件与局限

  • 所审阅的固定版本是仓库唯一的公开提交，日期为 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 像素的风速。着色器、噪声场、随机数生成器、字符序列和单通道实例化渲染均为新编写。作者说明早期的私有原型曾使用提取的源码与内置字体，并且不声称采用了正式的净室流程。
  • 运行时只需用支持 WebGL2 的浏览器打开 index.html；若浏览器限制本地文件，可改用本地静态服务器。项目没有 Canvas2D 回退方案，系统等宽字体也会改变字形度量。开发需要 Python 3 与 Node.js 18+，没有第三方运行时或构建依赖。
  • CI 运行六项针对确定性辅助函数的 Node 测试，重新构建离线页面并检查其为最新，再执行发布检查，涵盖离线输出、语法、本地链接，以及排除提取素材与本地路径。VALIDATION.md 报告在 macOS 的 Chrome 中手动检查了渲染与控件，但设置导入未经浏览器验证，也未对 Claude 进行运行测试或与原效果逐像素比较。参考录像所用的远程构建、种子、主题与字体均不明确；本合集未运行该页面或测试。
  • MIT 许可覆盖原创代码与文档。仓库声明不分发任何恢复出的 Anthropic 源码、着色器、字体、ASAR 文件、原应用截图、录像或账号数据，其许可也不授予 Anthropic 软件、字体或商标的任何权利。项目为非官方项目，与 Anthropic 无关联；REA 被署名为调查工具而非随附依赖，作者另注明开发过程借助了 AI。

关于此条目

类型
案例
类别
REA 社区调查案例
关联
作者报告的混合工具流程
目标
应用

来源复核于

说明已依据一手来源复核；这不代表已运行验证、经过安全审计或确认兼容。

一手来源

  1. docs/PROVENANCE.md GitHub · Henry-fan88/claude-code-background · 修订 3dbd106
  2. README.md GitHub · Henry-fan88/claude-code-background · 修订 3dbd106
  3. docs/VALIDATION.md GitHub · Henry-fan88/claude-code-background · 修订 3dbd106
  4. THIRD_PARTY_NOTICES.md GitHub · Henry-fan88/claude-code-background · 修订 3dbd106
  5. .github/workflows/ci.yml GitHub · Henry-fan88/claude-code-background · 修订 3dbd106
  6. scripts/check_release.py GitHub · Henry-fan88/claude-code-background · 修订 3dbd106
  7. scripts/renderer.test.cjs GitHub · Henry-fan88/claude-code-background · 修订 3dbd106
  8. CONTRIBUTING.md GitHub · Henry-fan88/claude-code-background · 修订 3dbd106
  9. LICENSE GitHub · Henry-fan88/claude-code-background · 修订 3dbd106