Animejs — AnimeJS

Anime.js用于HyperFrames HyperFrames可以通过其animejs运行时适配器寻找Anime.js实例。组合拥有动画对象；HyperFrames拥有时钟。 契约 在组合初始化期间同步创建动画或时间轴。 将autoplay设置为false，以便Anime.js不在其自己的时钟上前进。 在window.__hfAnime上注册每个返回的动画或时间轴。 使用有限的持续时间和循环次数。 避免基于wall-clock时间、网络状态或未播种随机性的DOM变异回调。 适配器使用instance.seek(timeMs)寻找每个注册的实例，其中timeMs是HyperFrames时间（以毫秒为单位）。 基本模式

时间轴模式

模块构建 如果您使用ES模块构建，适配器不关心实例是如何创建的。它只需要返回的对象暴露seek()、pause()和play()：

良好的用途 小SVG和DOM装饰，Anime.js语法紧凑。 可以改为驱动寻求的导入Anime.js示例。 多个独立的微动画推入同一注册表。 除非用户特别要求Anime.js，否则使用GSAP进行复杂的场景序列。 GSAP仍然是HyperFrames的主要编写路径。 避免 将autoplay留为Anime.js的默认值。 依赖anime.running自动发现，而不是显式window.__hfAnime.push(...)。 无限循环。 从组合持续时间计算有限的重复次数。 在计时器、promise、事件处理程序或异步资产加载后构建动画。 验证 编辑使用Anime.js的组合后： npx hyperframes lint npx hyperframes validate 鸣谢和参考 HyperFrames适配器源代码：packages/core/src/runtime/adapters/animejs.ts。 Anime.js文档，用于autoplay、pause()和seek()：https://animejs.com/documentation/