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 和中等思考強度；第二輪則由他指示改用 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 卡通。文件指出，代理程式會先做分鏡、製作鏡頭，再檢查縮圖總覽，然後輸出 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 阻擋直接存取，因此本文未聲稱掌握製作細節。