冷却动画导出为PNG序
冷却动画的 PNG 导出需求还挺常见的，是在做技能动画或者加载提示那块。如果你手头还有老项目在用 Flash 或者 AS3，估计会碰到类似需求：把一个动画或者扇形效果导出来，搞成 PNG 序列，方便前端展示或者游戏里用帧播放。
这个资源里有个画扇形的函数，写得蛮清晰。参数设计得也合理，像x、y是原点坐标，r是半径，angle是角度范围。颜色用0xffcc00这种格式，照旧老 Flash 那一套风格，挺适合在原型里快速调试用。
如果你正在技能冷却、扇形加载动画、或者想把老动画资源转成 PNG 用在新项目里，这篇值得翻一下。相关的文章也不少，比如基于Konva的 Canvas 版本，或者Unity里怎么优化冷却效果。每种方案的实现都不一样，但原理类似——核心就是画弧、控制角度。
建议你配合像 TexturePacker 或者 SpriteSheet 工具，把导出的帧合成图集，再用image-sequence组件播放，性能和体验都不错。如果你项目用的是WebGL或者Three.js，那帧动画 PNG 可以直接贴图上用。
如果你以前接触过 AS3，或者手里有点老素材想“榨干”，这波不亏，翻翻下面这些链接，说不定能找到思路：
文件大小：437.07KB
评论区