SuperAPI AI 工具集

gsap-router

设计与创作

查看项目

更新于 10-15 18:31

技能介绍

用途:GSAP Router 是 GreenSock Animation Platform(GSAP)动画领域的路由技能,本身不直接实现动画,而是根据用户请求判断动画类型,再路由到对应的专门技能,供实现前加载匹配的 SKILL.md 使用。

主要能力:路由到 4 个专门技能。gsap-fundamentals 处理基础动画与缓动,信号包括 tween、animate、ease、from、to、duration、delay、stagger;gsap-sequencing 处理复杂序列,信号包括 timeline、sequence、orchestrate、labels、callbacks、position parameter、play、pause、reverse、seek;gsap-scrolltrigger 处理滚动动画,信号包括 scroll、ScrollTrigger、pin、sticky、scrub、parallax、reveal on scroll、snap;gsap-react 处理 React 集成,信号包括 React、useGSAP、useRef、hook、cleanup、context、state。

使用方式:按路由协议执行——分类(识别动画类型)、匹配(应用信号匹配规则)、组合(生产动画常需 2-3 个技能配合)、加载(实现前读取匹配的 SKILL.md)。置信度规则:命中 3 个以上信号直接路由;1-2 个信号以 fundamentals 为基础路由;0 个信号从 gsap-fundamentals 开始。未说明框架时默认 vanilla JS;提到 React 则加入 gsap-react;提到滚动则加入 gsap-scrolltrigger;提到复杂或序列则加入 gsap-sequencing。

适用场景:基础补间、页面过渡、编排式揭示、滚动揭示、视差、固定区块、React 组件动画、React 与滚动结合等;也给出与 R3F、后处理、音频、粒子等领域的集成方式,以及页面加载动画、滚动体验、交互 UI 等工作流模式。

限制:资料未提供安装命令、版本要求、收费与价格信息,暂未提供;缓动速查表(如 power2.out、back.out(1.7))仅为资料中列出的参考,不构成效果保证。