SuperAPI AI 工具集

animated-video

设计与创作

查看项目

更新于 10-16 09:51

技能介绍

用途:创建以 HTML 页面呈现的动画视频或动态设计作品,强调基于时间轴、平滑过渡与逐帧序列,并带播放/暂停、拖动进度等播放控制。适用于视觉叙事类内容,可导出为固定宽高比(16:9 或 9:16)。

主要能力:基于动画起始组件 animations_v3.jsx 构建连续合成引擎——整段动画是一棵由统一“创作时间”时钟渲染的元素树,元素可跨场景边界移动、变形并保持存在。提供 CompositionStage、useComposition()(返回 {T, CUES})、Shot、Captions、缓动库以及 interpolate()/animate() 补间。支持用户时间轴编辑:场景裁剪、速度调整与视频导出。

使用方式:先调用 copy_starter_component(kind: "animations_v3.jsx")并阅读文件;在主文档普通内联 script 中以 JSON 字面量声明 window.OM_SCENES 与 window.OM_PLAYBACK,作为 CompositionStage 的 props 包裹唯一组件。所有编排以 T 与 CUES.SectionName 为键,不要使用自己的时钟。每个部分用独立辅助组件但始终渲染,不按场景条件挂载。预先定义固定数量的运动辅助函数,缓动与变换只在其内使用。建议配置 tweaks 面板并将 TWEAK_DEFAULTS 中的 motionEditor 设为 true,以控制宿主时间轴编辑器显示。

限制与注意:不要同时加载 animations.jsx 或 animations-v2.jsx,引擎共享 window 全局变量,后者会覆盖前者。不要自行添加 data-om-exportable-video-with-duration-secs,起始组件已满足导出契约,重复添加会破坏播放与导出。仅当不使用起始组件时才需手动实现导出契约:在唯一根元素上标注导出属性,监听 data-om-seek-to-time-frame 事件同步渲染,嵌套 video 可带音频起止与速度属性,时长上限 300 秒。完成前应观看视频检查边界不连续问题。动画复杂,应迭代调整时间轴。