用 Claude 做视频：Opus 5.5 动画与成片案例

Opus 5.5 在 three.js 里逐房间搭建越南管屋，每个准备步骤都是真实防台风建议，随后停电和洪水袭来，考验你留在楼下的东西。

Opus 5.5 规划步态、腿部解算和摔倒翻滚，用纯 JavaScript 与 SVG 逐部件排序绘制出 26 个零件的机器狗拆解动画。

作者用 Opus 5.5、three.js 和 Blender 把开源纽约城改造成可步行、开车、开直升机的 3D 悉尼，并放出实机录屏。

同一句「建一个天灯节网站」提示词，对比 GPT Astra 6 和 Claude Opus 5.5 的成片效果，一个像卡通、一个更有许愿氛围。

作者用 graphify、Figma-Context-MCP、Penpot、React Bits、HyperFrames 和 Blender MCP 串成工作流，让 Claude Code 从品牌规范一路做到 HyperFrames 生成宣传视频。

Three.js 斑马奔跑动画测试对比 GPT-6.1 Terra、Sonnet 5.5 和 Haiku 5.5，作者称 Claude 中端模型也能打，Haiku 5.5 手感甚至好于 6.1 Terra。

同一提示词让模型在单个 HTML 文件里做从轨道俯冲到雨夜街道的一镜动画，Opus 5.5 地球最好但坠入白雾，GPT-6 Astra 街道最细、耗时 16 分钟。

开发者称在做 App 时 Opus 5.5 遇到动画细节不先问，而是直接生成动画让他选，效果超出预期。

同一提示词让两个模型用纯 JavaScript 画出整座运转的啤酒厂，无任何图片素材，对比 14 倍价差与 4 倍速度差下的成片质量。

作者列出用 Claude Code 做设计的工具链：graphify 品牌知识图谱、Figma MCP、Penpot、React Bits，以及 HyperFrames 把 HTML 变成宣传视频。

作者用 Claude Opus 5.5 配合 Three.js 制作了 6 个 dreamcore 风格阈限空间，现已集中发布在一个可浏览的网站上。

Claude Opus 5.5 用一个 HTML 文件做出芒果冻水坝：纯 WebGL2 无库，含实时波浪、水位、泄洪闸、涡轮与水力发电，还能触发暴雨。