产品简介
Motion to Code 是 fal 在 2026 年 10 月 29 日上线的模型，做的是把动画变成代码。给它一句描述、一张图、一段参考视频或一段音频，它返回一个自包含的 HTML 页面，里面是 GSAP 3.12.5 驱动的动画。
产物体积是这套方案最直接的好处：几 KB 的代码，而不是几 MB 的视频，任意分辨率下都清晰。页面里还带一套 window.anim 控制接口，能 seek 到指定时间、播放、暂停、读时长，放在产品页里可以当交互动效直接用。
计费按秒算。给描述或图片时单价每秒 0.30 美元，不足 5 秒按 5 秒计，6 秒循环 1.80 美元；用你自己的视频做重建时单价每秒 0.20 美元。另一条线是 GLSL 变体，输出循环着色器。
核心功能
- 输出是代码不是视频：返回自包含 HTML，含 SVG 画布与 GSAP 时间轴。整个动画由一个 clock 对象推进，每帧调用纯函数 draw(t) 渲染，所以任意缩放都清晰。
- 多轮生成再修正：管线分五步：取源、研究、生成、渲染、修正，最后编码。修正这一步耗时最长，一次示例里生成用了 48 秒，修正用了 88 秒。
- 代码里带分镜脚本：生成的 HTML 开头有一段 SHOT LIST 注释，逐秒说明每个动作和它的缓动函数。设计师能读懂这段注释，工程师能直接改。
- 四种输入：提示词、视频、图片、音频都能作为输入，另有单独的时长参数。视频支持 mp4、mov、webm、m4v、gif，图片支持 jpg、png、webp、avif、heic、heif。
- 同一份结果给三样东西：返回里除了 code 与 html，还给一段 1280 乘 720、24 帧、6 秒的 mp4 与一张 contact sheet 缩略拼版。前者给需要视频文件的渠道兜底，后者方便快速挑帧。
- 循环动画是设计出来的：默认无限循环，分镜脚本按首尾帧对齐来排，示例里 5.96 秒回到第 0 帧。加 ?external=1 参数则只播一次。
适合谁用
以下类型的用户会特别受益于 fal Motion to Code：
- 产品首页的动效，几 KB 代码替代几 MB 视频，移动端首屏更轻。
- 把客户给的参考视频重建成可调参数的前端动画。
- 社交媒体循环动图，代码输出在任意尺寸都清晰。
- 品牌片头与字效，改颜色与节奏直接改代码。
- WebGL 背景与视觉特效，用 GLSL 变体出循环着色器。
- 设计交付环节，把分镜脚本注释直接给到开发。
优点亮点
- 产物几 KB，任意分辨率保持清晰，省掉视频压缩与清晰度取舍。
- 返回带 window.anim 控制接口，可直接嵌进交互页面。
- 代码内附逐秒分镜脚本，交接成本低。
- 支持描述、图片、视频、音频四种输入。
- 自建视频重建比生成便宜三分之一，每秒 0.20 对 0.30 美元。
- 同时给 mp4 与缩略拼版，兼容不同分发渠道。
价格与方案
按动画时长计费，不足 5 秒按 5 秒算。用提示词或图片生成时每秒 0.30 美元，图片会先经 MiniMax H3 Max 动画化，6 秒循环为 1.80 美元；用自带视频重建时每秒 0.20 美元，10 秒片段为 2.00 美元。通过 fal 的队列接口调用，Playground 需登录后使用。
总结与建议
把动效编译成代码，解决的是分发问题。视频落地页动辄几 MB，换分辨率还得重出，代码只有几 KB 且天生适配所有尺寸。这套方案适合本来就跑在浏览器里的动效，换成原生 App 或视频平台就得用附带的 mp4。5 秒起步的计费方式意味着短动效的单位成本偏高，长一点的循环更划算。
版本演进
- fal Motion to Code 上线：动画变可编辑代码 （2026-10-29）：fal 上线 Motion to Code，端点 fal-ai/motion-to-code/gsap 与 glsl 两个变体。输入提示词、图片、视频或音频，输出自包含 HTML 与 GSAP 3.12.5 动画代码，含 window.anim 控制接口与逐秒 SHOT LIST 注释，另有 1280 乘 720、24 帧、6 秒 mp4 与缩略拼版。按秒计费，生成每秒 0.30 美元、自建视频重建每秒 0.20 美元，不足 5 秒按 5 秒算。