HTML5动画无唯一工具，选择取决于任务类型、技术栈和交付要求：广告Banner优先Tumult Hype或HTML5 Maker；精细交互动画首选GSAP；团队协作推荐Mugeda或Animatron；真机测试与性能分析不可或缺。
导出纯HTML+CSS3动画，优先考虑Tumult Hype或HTML5 Maker
这类工具生成的代码结构清晰、不依赖外部JS库（或仅需极小运行时），适合投放到广告平台或CMS中。Tumult Hype导出的动画默认用transform和opacity做关键帧，兼容性好；HTML5 Maker则内置大量Banner模板，替换图/文字就能发布，但要注意它生成的div嵌套较深，若后续要手动加JS交互，得先理清DOM层级。
- 导出后务必检查
will-change是否被合理添加，否则iOS Safari上可能出现闪烁 - 避免在Hype里使用“模糊”“阴影”等高开销CSS滤镜，低端安卓机容易掉帧
- HTML5 Maker导出的
index.html里常含内联style和script，压缩前先确认是否允许修改
需要精细控制时间轴和事件逻辑，GSAP + 手写HTML/CSS/JS仍是首选
GSAP不是可视化编辑器，但它对requestAnimationFrame的调度、缓动函数精度、以及timeline嵌套能力远超多数GUI工具。当你需要“点击按钮后，A元素位移+旋转+B元素淡入+C元素延迟0.3秒缩放”，用GSAP写三行比在编辑器里拖十次时间轴更可靠。
-
gsap.to()默认使用transform而非left/top，这是性能关键 - 别直接用
gsap.set(el, { opacity: 0 })初始化隐藏元素——某些旧版Edge会忽略，改用el.style.opacity = 0更稳 - 如果项目已用Vue/React，不要把GSAP塞进
v-if或useEffect里反复创建Timeline，建议用ref绑定并复用实例
团队协作或需云端协作审阅，Mugeda和Animatron更实用
Mugeda和Animatron都基于浏览器，设计师上传PSD/AI后可直接转为带时间轴的HTML5动画，支持多人评论、版本对比、实时预览。但它们导出的JS体积偏大（常含完整渲染引擎），不适合嵌入性能敏感页面。
- Mugeda导出包里默认包含
mugeda.js，大小约300KB，gzip后约110KB——首屏加载需权衡 - Animatron生成的
animatron-player.min.js虽轻量，但若动画含音频，需额外处理autoplay策略（iOS强制用户手势触发） - 两者都不支持导出TypeScript定义，对接前端工程化链路时得自己补
declare module
