世界从未停止变化。RSS
BIG CHANGE.

Markdown 版本

AI-translated from English; not yet reviewed by a fluent editor.

# Claude 的流行音乐短片其实是用代码编写的动画

> 创作者的代码仓库显示，Claude Opus 5.5 如何为音乐视频和一段讲解短片编写动画代码，再借助浏览器和视频工具渲染成片。

By BIG CHANGE Editorial

Published: 2026-09-27T20:22:30.072Z
Updated: 2026-09-27T20:22:30.072Z
Canonical: https://bigchange.ai/blog/claude-opus-5-5-code-built-videos

![Conceptual charcoal illustration of animation code and a brushstroke preview on a physical monitor, above a contact sheet of six successive drawn frames.](https://bigchange.ai/api/media/file/claude-code-animation-hero-v1.png)
AI-generated conceptual illustration by BIG CHANGE.

John Heibel 已公开了[项目文件](https://github.com/JohnHeibel/PDoomVideo)，这些文件用于制作他的音乐视频《I’m Upping My P(doom)》。Heibel 称，Claude Opus 5.5 编写了分镜和 JavaScript 动画。文件显示，浏览器负责绘制各帧，ffmpeg 再将画面与现成歌曲合成为视频。成片[可在 YouTube 上观看](https://youtu.be/8j-hR4fJywU)。

这部影片是创作者在[Opus 5.5 于 9 月 22 日发布](https://www.anthropic.com/claude-opus-5-5)后分享的案例之一。说“Claude 制作了视频”，可能是指它编写场景和渲染代码，而非像视频生成模型那样直接生成动态影像。评估片段中有多少来自模型、多少依赖音乐、工具和人工指导时，这一区别很重要。

## 主要变化

- **发生了什么变化：**创作者正在使用 AI 编程智能体，将动画制作成软件项目，再渲染为视频。Heibel 公开了一套此类工作流的代码和可复用入门工具包。
- **为何重要：**分镜、场景文件和渲染器展示了短片背后的制作过程，以及从其他来源提供的输入。仅凭成片无法看出这些工作是如何分配的。
- **尚有哪些未知数：**这些公开案例无法说明通常需要多少制作时间和成本、成功率如何，或其他创作者能否轻易获得相同质量。BIG CHANGE 没有复现其中任何一个项目。

## P(doom) 项目实际包含什么

Heibel 称，这部影片在 Claude Code 中经过两轮生成。第一轮使用 Opus 5.5 和 medium 努力程度；之后他指导第二轮改用 p5 笔触、让场景更有趣，并将每个场景衔接起来。根据[代码仓库中的说明](https://github.com/JohnHeibel/PDoomVideo#how-it-was-made)，他没有指定每个场景的创意构想，但确定了 Clawd 角色，并要求为每句歌词设计不同的视觉表现。

最终项目包括逐镜头分镜、用于向子智能体说明任务的动画指南、九个章节文件、共享的角色和时间轴代码，以及一个用 p5.js 和 p5.brush 绘制的`studio.html`页面。渲染脚本会在无头 Chrome 中捕捉画面，并使用 ffmpeg 编码为 MP4。仓库将歌曲作为音频素材，其中注明这是一段早前录制的作品；仓库并未称该歌曲由 Opus 5.5 创作。Heibel 还将灵感来源归于[一篇更早的 X 帖文](https://x.com/slimer48484/status/2097752569212756134)。

之后，Heibel 发布了[Claude Animation Base](https://github.com/JohnHeibel/ClaudeAnimationBase)，这是一套包含角色素材、指南、浏览器工作室和渲染脚本的入门工具包。README 建议用户首先请求制作一段 15 秒的 Clawd 卡通短片。README 称，智能体会先做分镜、制作镜头并检查联络表，再输出 MP4；运行需要 Node.js、Chrome 和 ffmpeg。Heibel 报告称，没有专用 GPU 时，水彩填充每帧可能需要数秒。

## 另一支音乐视频更清楚地展现了人工指导

Joshua Ledbetter 的[《Functional Emotions》项目](https://github.com/ledbetterljoshua/functional-emotions-video)提供了一个有参考价值的对比案例。创作者称，歌词由较早版本的 Claude 编写，歌曲由 Suno 制作。之后，Opus 5.5 在 Claude Code 中编写了视频项目。Ledbetter 否决了初版歌词视频方案，要求加强场景表现和节奏，并引导智能体参考 Heibel 的 P(doom) 视频来把握节奏。代码仓库保留了被否决的版本、修订后的分镜、章节代码和离线渲染器。仓库介绍称，七个子智能体绘制了后续章节，模型还审阅了联络表。

Ledbetter 的项目使用自定义 WebGL2 笔触渲染器，并通过节拍网格和逐词时间戳，让镜头与现成歌曲对齐。其[创作者发布的影片](https://x.com/eudaemonea/status/2102610626321490404)可与源文件一起观看。公开的修改记录展示了从最初请求到发布成片之间的创作指导过程。代码仓库记录了代码，但无法独立核实关于作者身份或制作时间的每一项说法。

这种形式也不止用于音乐视频。一位以 criticasterdotcom 发布内容的创作者分享了一个[Headroom 产品讲解短片](https://www.reddit.com/r/ClaudeAI/comments/1wpr8ea/a_made_entirely_with_opus_55_explainer_video_with/)，以及一个[包含两个已渲染版本的代码仓库](https://github.com/gglucass/headroom-animation/releases/tag/v1.0)。文件介绍了 Canvas 动画，以及从浏览器导出到 ffmpeg 的流程。创作者称，短片配音由本地 Kokoro 模型生成，音频部分还使用了采样乐器和音效。帖子报告称，Opus 5.5 用时 55 分钟完成该环节，且无需额外素材费用；这些时间和成本数字是创作者自行报告的，并非独立测量结果。

## 观看案例，再查看源文件

- [YouTube 上的《I’m Upping My P(doom)》](https://youtu.be/8j-hR4fJywU)，以及[Heibel 的源代码](https://github.com/JohnHeibel/PDoomVideo)。
- [《Functional Emotions》创作者帖子](https://x.com/eudaemonea/status/2102610626321490404)，以及[Ledbetter 的源代码](https://github.com/ledbetterljoshua/functional-emotions-video)。
- [Headroom 讲解短片](https://github.com/gglucass/headroom-animation/releases/tag/v1.0)，以及[创作者的说明](https://www.reddit.com/r/ClaudeAI/comments/1wpr8ea/a_made_entirely_with_opus_55_explainer_video_with/)和[源文件](https://github.com/gglucass/headroom-animation)。
- [Donald Jewkes 分享的提示词帖子](https://x.com/donaldjewkes/status/2102801469976248500?s=20)和[Anabology 分享的视频帖子](https://x.com/anabology/status/2103534482930491441)，作为本文案例。BIG CHANGE 无法直接获取 X 帖文，因此本文未核实其中具体说法和制作过程。

这些项目让创作者可以通过可编辑的软件流程指导视频制作。在两支有文档记录的音乐视频中，Opus 5.5 编写了大量动画代码；现成歌曲、提示词、参考资料和人工审阅也共同塑造了最终作品。

## 来源与延伸阅读

- [Anthropic 的 Opus 5.5 发布公告](https://www.anthropic.com/claude-opus-5-5)标明了模型发布日期，并介绍其编程能力方向。公告没有说明该模型原生支持视频生成。
- [John Heibel 的 P(doom) 代码仓库](https://github.com/JohnHeibel/PDoomVideo)提供分镜、章节结构、渲染器，以及创作者对两轮生成过程和外部提供音乐的说明。
- [Claude Animation Base](https://github.com/JohnHeibel/ClaudeAnimationBase)记录了 Heibel 的可复用工作流、运行依赖，以及他报告的渲染限制。
- [Joshua Ledbetter 的《Functional Emotions》代码仓库](https://github.com/ledbetterljoshua/functional-emotions-video)记录了第二套代码动画工作流、音频来源及创作者多轮修改的情况。
- [Headroom 动画仓库](https://github.com/gglucass/headroom-animation)和[创作者的帖子](https://www.reddit.com/r/ClaudeAI/comments/1wpr8ea/a_made_entirely_with_opus_55_explainer_video_with/)提供了一例讲解短片及其所述音频来源。创作者报告的制作时长和零额外成本尚未核实。

## Sources

- [Claude Opus 5.5](https://www.anthropic.com/claude-opus-5-5) — Anthropic 标明了模型发布日期并介绍其编程方向；该页面没有证明模型原生支持视频生成，也没有验证创作者的成果。
- [PDoomVideo](https://github.com/JohnHeibel/PDoomVideo) — Heibel 的 README 和文件记录了两轮 Claude Code 生成、分镜、九个章节、使用 Chrome 渲染的 p5.js/p5.brush 动画、ffmpeg 编码和外部提供的歌曲。关于模型创作和人工指导的说法来自 Heibel。
- [《I’m Upping My P(doom)》视频](https://youtu.be/8j-hR4fJywU) — 由 PDoomVideo 仓库提供的一手视频链接；自动抓取功能不支持逐帧观察。
- [Claude Animation Base](https://github.com/JohnHeibel/ClaudeAnimationBase) — Heibel 的可复用工具包记录了分镜和联络表流程、本地运行要求，以及他报告的 GPU 渲染限制。
- [Functional Emotions](https://github.com/ledbetterljoshua/functional-emotions-video) — 创作者的代码仓库记录了歌词和歌曲来源、人工修改、WebGL2 渲染器、节拍同步、七个子智能体和 MP4 工作流。关于会话创作过程的说法来自创作者。
- [Headroom 动画](https://github.com/gglucass/headroom-animation) — 代码仓库和发布版本介绍了两支讲解短片、Canvas 场景、浏览器/ffmpeg 导出、Kokoro 配音和采样音频；制作时长和零额外素材成本是创作者自行报告的。
- [Headroom 创作者帖子](https://www.reddit.com/r/ClaudeAI/comments/1wpr8ea/a_made_entirely_with_opus_55_explainer_video_with/) — 第一人称介绍 Opus 5.5 讲解视频、所用工具和报告的 55 分钟制作时长；并非独立测量。
- [Donald Jewkes 的 X 帖文](https://x.com/donaldjewkes/status/2102801469976248500?s=20) — 由文章提供的提示词链接；X 屏蔽了直接获取内容。本文没有据此推断 Heibel 代码仓库所用提示词。
- [Anabology 的 X 帖文](https://x.com/anabology/status/2103534482930491441) — 由文章提供的相关视频链接；X 屏蔽了直接获取内容，因此本文没有声称掌握其制作细节。