用途:Animaxxing 提供可移植的 vanilla TypeScript 与 GSAP 动效配方,在不改动项目字体、颜色、布局和组件样式的前提下为界面添加动画,无需样式技能、token 或字体。
主要能力:支持两种范围。全量处理(“we're animaxxing”“animax this”“full treatment”)让每个屏幕上的每个元素从空白首帧进入、静止或环境态停留、在导航时退出,折叠下方内容在滚动或 Tab 到时进入。单个效果只应用指定效果,例如粒子按钮不会隐含页面转场或字体变化。配方覆盖文字拆分入场、打字机、滚动效果、指针效果、SVG、打印效果、页面转场、悬停、粒子、物理效果等。
使用方式:先加载匹配的 gsap-<framework> 技能(纯站点用 gsap-vanilla),缺失则安装;该技能负责挂载、初始状态、intro、settled、outro、结束状态、卸载、初始化、导航、恢复、中断与清理时序。本技能只提供其控制器调用的构建器。只复制选中的配方及其命名本地辅助函数,返回形状因配方而异。
限制:需读取已安装的 GSAP 版本与类型;所用插件自 3.13 起免费,SplitText 配方需 3.13+,easeReverse 需 3.15+。配方在模块作用域注册插件,但只能从客户端代码导入。构建器不负责导航、挂载或页面生命周期。需遵循减少动效、无脚本可读性;超过五秒的循环需提供暂停。一个目标只能有一个效果所有者。文字需等字体加载后再测量或拆分。具体收费、价格与平台信息暂未提供。