【完全开源】Multiplane：给 AI Agent 用的 HTML 视频渲染器
Agent 最擅长写网页。Multiplane 把网页一帧一帧渲染成视频：镜头就是普通网页，画面只由时间 t 决定，写出来的东西可检查、可复现。
这支片子的每一帧，都是网页，都由 Multiplane 渲染。
【章节】
00:00 这一帧，是一张网页
00:06 Multiplane
00:10 镜头就是网页
00:16 只做渲染
00:26 运动模糊
00:34 硬切不糊
00:42 三维景深
00:50 速度
01:02 给 Agent 用
01:15 静帧和开源
【它做什么，不做什么】
· 只做渲染：不内置动画框架、动画库适配，也没有教 agent 做动画的 skill。Multiplane 的 skill 只教 agent 怎么调用、怎么保证画面确定。
· 我们的看法：现在的模型（比如 Claude Opus 5.5）自己就会做动画，动画 skill 有时反而是束缚。
· 运动模糊按画面局部移动的距离自动加采样，按线性光混合；声明切点后，硬切前后的画面不会混在一起；三维层的景深是多次采样累积出来的。
· 给 agent 用：渲染前 lint 查出会破坏确定性的写法；verify 乱序、重载、多进程逐帧比对；每个命令都输出机器可读的事件流；托管渲染，agent 会话关了照样渲完，回来用 multiplane wait 接上。
· 同一套后期也能直接出静帧，比如 2 倍超采样出 4K 封面。
【速度怎么测的】
设计风小课第一期（瑞士主义）的三个真实片段，各 3 秒、1080p 60fps，两边都用默认设置，总耗时（Multiplane / HyperFrames）：
开运动模糊：快速排版 72.7 秒 / 173.0 秒，局部动画 110.2 / 175.8，硬切 119.6 / 192.3
不开运动模糊：14.9 / 21.1，15.6 / 23.3，15.2 / 26.3
条件：Windows · Ryzen 9 9955HX · RTX 5070 Ti Laptop · HyperFrames 0.8.155 · Multiplane 画质 standard、并发数由 multiplane benchmark 实测选出；HyperFrames 并发 auto · 三次取中位数 · 总耗时含启动与编码。只代表这三个片段，不外推到所有镜头。
画质：快速排版的代表帧上，离各自理想结果的平均误差 Multiplane 1.77、HyperFrames 1.96（99 分位 5.3 对 8.0）。
硬切的对照是单一案例（640×360，30fps，t = 0.5 时硬切），不代表所有硬切；景深的对照对象是 three.js 的 BokehPass 后期景深，不是 HyperFrames。
HyperFrames 是很优秀的同类工具，它的动画库适配和 Studio 比我们多；我们的差别在默认画质、速度、硬切、景深和给 agent 用的工作流。
【开源】
github.com/LBEILC/Multiplane（Apache-2.0）
安装：npm install multiplane
【制作】
画面全部是网页代码，用 Multiplane 渲染；配乐和音效都是程序合成的，没有用采样。
设计和代码：Claude Opus 5.5（Claude Desktop）
字体：HarmonyOS Sans、Geist、IBM Plex Mono、Inter
有问题、想要的功能，评论区或 GitHub issue 告诉我。
