k8w.io
PixiAnimate: 使用Adobe Animate/Flash设计Pixi.js动画
2017-12-14作者:k8w

使用Adobe Animate的美术工作流程,直接导出给Pixi.js使用。

PixiAnimate介绍

  • Adobe Animate插件
  • Pixi.js运行时

支持将fla动画直接导出为Pixi.js可以使用的格式,支持矢量绘画,文字渲染等。

安装PixiAnimate

  1. 下载PixiAnimate
  2. 使用Manage Extension Utility安装,(这是Adobe的官方下载链接,但不知道为啥360会误报)
  3. 内置的Pixi和PixiAnimate版本较老,可以手动去C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\com.jibo.PixiAnimate\runtime-debug替换

Windows下打不开“发布设置”的解决办法

  1. 打开注册表编辑器(regedit),进入文件夹HKEY_CURRENT_USER/Software/Adobe/CSXS.6。(没有就新建一个)
  2. 设置PlayerDebugMode为字符串值1。(没有就新建一个)

PixiAnimate特性

  1. 支持矢量绘图
  2. 支持合并/不合并图集选项
  3. 支持各种不同的缓动函数
  4. 支持引导线动画
  5. 支持导出文字(显示为PIXI.Text)

注意

PixiAnimate会导出所有帧的状态,而不是导出关键帧。
例如,你只有两个关键帧,但整个动画有1000帧,那么它导出的结果将有1000帧。

(正文完)
留言(0条)
发表新留言
您的大名:
必填
电子邮箱:
不公开,仅用于向你发送回复