做动画和 3D 成片，20 个开源项目串成流水线

想做一支有动画、有 3D、有配乐的成片，难点往往不在某一个工具，而在于不知道一条流水线上该串哪些开源项目。@Whisperrrrr66 前两天整理了一份 20 个开源项目的清单，按“概念、场景、运动、声音、成片”排成一条线。我按制作环节把它重新讲一遍，每个项目在站内都有条目，点进去能看下载和截图。

第一步：用代码做视频和动画（Remotion、Manim 等）

视频不一定得在剪辑软件里拖出来。Remotion 用 React 写画面、渲染成视频，改改参数就能批量出片；官方还给编程代理准备了一组 Remotion Skills，装上以后，Claude Code、Cursor 写出来的 Remotion 代码会规矩很多。做界面和网页动效，Anime.js 用时间线把多段动画排在一起，Motion 跟 React 组件配合尤其顺手，布局一变自动带过渡。设计师在 After Effects 里做好的矢量动效，交给 Lottie Web 在网页里原样播放。要讲公式和函数图像，Manim 用 Python 描述画面，再渲染成动画。

第二步：用 Three.js 搭 3D 场景

Three.js 是网页 3D 的底座，其余几个都是围着它加料：three-gpu-pathtracer 在浏览器里用 GPU 做路径追踪，出真实的光影反射；postprocessing 把泛光、景深、色调映射这类后期效果合并成少数几次渲染；three.quarks 管火焰、光效、拖尾这些粒子特效，自带在线编辑器。物理碰撞交给 Jolt Physics。调参数时改一个数就刷新一次，太折磨人，Tweakpane 能做一个实时调节面板，拖滑块就能看到效果。更习惯在 Blender 里建模的话，MCP for Blender 让 AI 直接在 Blender 里建物体、改材质、调灯光，不用再来回复制脚本。

第三步：AI 生成画面素材、配音和字幕

画面素材可以交给 ComfyUI：把生成流程画成节点图，图像、视频模型都能接，搭好的工作流能存下来反复用。配音用 CosyVoice，几秒参考音频就能复刻音色，同一把声音还能说多种语言。想让动画踩着音乐节拍走，先用 librosa 检测节拍点；做字幕的话，WhisperX 能给出词级时间戳，字幕对得很准。

第四步：录屏、粗剪和导出成片

屏幕演示用 OBS Studio 录；只想裁掉头尾、切几段，又不想重新编码损失画质，LosslessCut 最快；最后的编码和输出，基本绕不开 FFmpeg。

20 个项目怎么挑：按成片类型组合

别想着一次全上。20 个里不少是互相替代、或者各管一段的，先按自己的成片类型挑 3 到 5 个：做讲解动画，Manim 加 CosyVoice 加 FFmpeg 就够了；做网页 3D 展示，Three.js 加 postprocessing 加 Tweakpane；做 AI 生成短片，ComfyUI 加 CosyVoice 加 WhisperX。

胶水代码让 AI 代理来写。这些项目大多有清晰的 API，Remotion、three.js、Blender 都已经有 Agent 技能或 MCP，可以让 Claude Code 这类工具直接写，你负责定方向、做验收。

注意许可证。ComfyUI 是 GPL-3.0，three.quarks、Three.js 等多为 MIT，商用前逐个看一眼。

原清单来自 @Whisperrrrr66 的推文：https://x.com/whisperrrrr66/status/2116439826098733280。文中项目站内都有条目，从哪一段开始，看你要做哪种成片。