SuperAPI AI 工具集

create-motion-graphics-remotion

设计与创作

查看项目

更新于 10-15 21:54

技能介绍

用途:从已批准的分镜清单(storyboard.html/manifest.json,由 create-motion-graphics-storyboard 生成)渲染动态图形,基于 Remotion 的 React 编程式视频,文字为真实 DOM,时间由帧数学确定,避免纯视频生成模型的文字失真与时间漂移。

主要能力:首次运行可初始化全新 Remotion 项目,或复用 run 文件夹中已有项目;按分镜的每个场景生成一个 Scene 组件,用 <Series> 接入根合成,渲染输出 clips/scene-NN.mp4,亦可拼接主片;支持用 --scene <id> 只重渲单个场景,--fps 默认 30,比例默认 9:16、1080x1920;通过 sharedLayers 支持跨场景持续元素的全局时间插值;用 @remotion/google-fonts 按品牌板加载字体。

使用方式:读取分镜与品牌板清单;若 <run>/remotion/ 不存在,执行 scripts/init-remotion-project.sh <run>/remotion 初始化(安装 remotion、@remotion/cli、@remotion/google-fonts、@remotion/bundler 等);生成 src/Root.tsx 的 Composition;按场景渲染 references/scene-template.tsx 到 src/scenes/Scene{NN}.tsx;对每个场景运行 scripts/render-composition.sh <run>/remotion <scene-id> <out-path>(封装 npx remotion render,默认 H.264);可选渲染完整合成为 master-silent.mp4;最后写 manifest.json 与 verification.md。

质量检查:每个场景都有对应片段;尺寸与时长与分镜一致(允许一帧误差);屏幕文字与分镜完全一致、无截断无字体回退;无栅格字形;Google Fonts 加载成功;弹簧峰值与场景中帧均不越出 88% 安全区;文本元素设 maxWidth: "88%"。

限制与失败处理:Node/npm 不可用或 Remotion 安装失败需暴露并标记阻塞;分镜使用未实现的基础原语时需扩展模板或用最近原语替代并说明;字体加载失败回退并标记;渲染超时可仅用 --scene <id> 重跑该场景;文字在弹簧峰值越界时可将字号减 15–20% 或设 maxWidth: "82%" 后只重渲该场景。价格与平台支持暂未提供。