用途:为 Remotion 视频提供完整动画知识,涵盖原子运动规则、多阶段场景蓝图、场景间转场以及更广泛的运动设计技巧。组合契约(useCurrentFrame、Sequence、确定性)参见 remotion-core。
主要能力:默认方式是组合原子规则——从 rules-index.md 选 2–4 条规则,用单次 useCurrentFrame() 调用配合 interpolate() 与 spring() 表达。需要场景级编排时再加载蓝图(brand-reveal、data-story、social-proof 等),蓝图位于 blueprints-index.md,每项指向 blueprints/<id>.md。转场见 transitions/overview.md 与 transitions/catalog.md,技巧见 techniques.md。适配器覆盖 spring、interpolate、stagger、文本动画、SVG、Three.js/R3F、Lottie。
用法要点:spring() 用于入场运动,interpolate() 用于定时数值映射(透明度、位移、颜色),stagger 用数组索引映射延迟帧偏移,CSS keyframes 仅用于无限装饰循环,Three.js 用 useCurrentFrame 驱动 AnimationMixer.setTime(frame / fps),Lottie 通过 @remotion/lottie 使用。多种原语可在同一合成中共存,均源自同一 useCurrentFrame()。
限制:须遵守 remotion-core 的不可协商规则——帧确定性,禁用 Math.random、Date.now、CSS transitions 做时间轴同步运动、useState/useEffect 控制视觉属性。渲染时不得调用 getBoundingClientRect(),应通过 useVideoConfig() 计算坐标;空间运动用 React 内联 transform 而非 left/top;入场/出场用 clamp 外推防止数值越界。具体安装与渲染命令资料未提供。