为 SVG 矢量图创建充满“力量感”与“速度感”的零件组装动画,并支持一键导出 30fps 的透明背景序列帧。适用于需要将静态 SVG 转换为可用于视频剪辑(如 AE/PR)的透明素材场景。
这个 Skill 专门用于将静态 SVG 转换为具有专业动效(Viscous & Dynamic 风格)的 HTML5 动画,并提供透明序列帧导出功能。
assets/animation_template.html 作为基础。references/animation_logic.md):
elastic.out 效果浮现。stagger 随机顺序飞入,伴随 back.out 的过冲回弹(Overshoot)。.html 文件,提示用户可以在浏览器中预览并点击导出按钮。duration: 1.2, 。ease: "back.out(2.5)"duration: 0.7, ease: "back.out(5)", rotation: -360。duration: 1.5, ease: "power4.out", stagger: 0.02。ffmpeg -framerate 30 -i frame_%04d.png -vcodec prores_ks -profile:v 4 -pix_fmt yuva444p10le output.movreferences/animation_logic.mdassets/animation_template.html