动效升级后不动?这款Skill查接法

在 HyperFrames 中集成 Anime.js 动画。

HyperFrames 的 animejs Skill 指导 AI 把 Anime.js 动画接到视频合成里,也处理新版接口和时间轴接入的问题。已有文字或 SVG 动效、准备放进 HyperFrames 时,可以用它核对实现。

一个具体陷阱是版本。文档面向 v4,旧版常见的调用和参数写法已经变化;只换库地址、保留旧代码,可能直接报错,或看起来什么都没发生。

另一个陷阱是动画实例需要明确登记给 HyperFrames。关闭自动播放以后,由合成时间控制每个实例,预览跳到中间、导出某一帧时才能对上。不能指望新版自动发现所有动画。

需要散点或抖动效果时,文档也要求使用可重复的随机来源,避免同一帧每次位置不同。你给出项目、动画代码和想要的结果,AI 再调整接入并检查,尤其适合“网页播放正常,视频渲染却不对”的情况。

分类:设计创作

来源仓库:heygen-com/hyperframes

适合用来做什么

  • 在HyperFrames中使用Anime.js创建一个时间轴动画。
  • 请将这个Anime.js示例转换为HyperFrames兼容代码。

安装 animejs

npx skills add https://www.iskills.cc/skills/heygen-com/hyperframes/animejs/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 animejs 的用途与原始说明

浏览全部 Skill 指南