使用Adobe Animate的美术工作流程,直接导出给Pixi.js使用。
PixiAnimate介绍
- Adobe Animate插件
- Pixi.js运行时
支持将fla动画直接导出为Pixi.js可以使用的格式,支持矢量绘画,文字渲染等。
安装PixiAnimate
- 下载PixiAnimate
- 使用Manage Extension Utility安装,(这是Adobe的官方下载链接,但不知道为啥360会误报)
- 内置的Pixi和PixiAnimate版本较老,可以手动去
C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\com.jibo.PixiAnimate\runtime-debug
替换
Windows下打不开“发布设置”的解决办法
- 打开注册表编辑器(regedit),进入文件夹
HKEY_CURRENT_USER/Software/Adobe/CSXS.6
。(没有就新建一个) - 设置
PlayerDebugMode
为字符串值1
。(没有就新建一个)
PixiAnimate特性
- 支持矢量绘图
- 支持合并/不合并图集选项
- 支持各种不同的缓动函数
- 支持引导线动画
- 支持导出文字(显示为PIXI.Text)
注意
PixiAnimate会导出所有帧的状态,而不是导出关键帧。
例如,你只有两个关键帧,但整个动画有1000帧,那么它导出的结果将有1000帧。
(正文完)