用途:GSAP 是 FrameVideo 的默认动画适配器,适合场景编排(多元素精确定时)、复杂时间线(交错、标签、嵌套序列)、文字与卡片动效、与配音同步的节拍动画,以及大多数脚本化动画。简单装饰循环应改用 css-animations,After Effects 导出的设计稿用 lottie,3D 与 WebGL 用 three,GPU 计算着色器用 typegpu,零依赖需求用 waapi;拿不准时默认 GSAP。
主要能力:核心补间方法 gsap.to()、from()、fromTo()、set();常用参数包括 duration、delay、ease、stagger、overwrite、repeat、yoyo 及回调。支持变换别名 x/y/z、xPercent、scale、rotation、rotationX/Y、skew、transformOrigin,推荐 autoAlpha 代替 opacity,支持 CSS 变量、svgOrigin、方向性旋转、clearProps 与相对值。支持函数式取值。缓动内置 power1–power4、back、bounce、circ、elastic、expo、sine,各含 .in/.out/.inOut。可用 gsap.defaults() 设默认值,用 pause()、play()、reverse()、kill()、progress()、time() 控制补间,用 gsap.matchMedia() 做响应式与减少动效。时间线支持 defaults、位置参数(绝对、相对 +=/-=、标签、<、>、<0.2)、addLabel()、嵌套、播放控制。性能上优先变换与透明度,可用 will-change、gsap.quickTo(),用 stagger 代替大量补间,并及时清理。
必要用法:从 CDN 加载 gsap.min.js,同步创建 paused 时间线,注册到 window.__timelines,键名必须与组合根元素的 data-composition-id 完全一致,交由 FrameVideo 定位。渲染关键动画不要调用 tl.play(),不要在异步代码、定时器或事件处理器中构建时间线,循环必须有限,不要用 -1。写完后可用 npx framevideo lint、npx framevideo validate、npx framevideo preview 校验时间线注册、暂停状态、有限时长与可寻址性。
限制:资料未提供收费、价格、平台与效果信息,暂未提供。