咸鱼教程TextureMerger1.6.6 一：Egret MovieClip的制作和使用
Posted gamedaybyday
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了咸鱼教程TextureMerger1.6.6 一：Egret MovieClip的制作和使用相关的知识，希望对你有一定的参考价值。
几个月没写代码了。然后突然用到TextureMerger，发现不会用序列图做动画了。。。
于是写下过程，以防忘记...
MovieClip主要是用于游戏中的动画制作和播放。支持swf、gif、序列图等。
目录：
一 swf制作MovieClip
二 gif制作MoveliClip
三 序列图制作MovieClip
一 swf制作MovieClip
1 打开TextureMerger，选择Egret MovieClip
2 Egret MovieClip制作界面说明
新建项目：新建一个Egret MovieClip项目
打开项目：打开一个.tmc文件
保存项目：项目会保存为一个后缀为.tmc的文件
创建动画：在当前项目下创建一个动画，通常用于自定义动画使用，比如使用多张序列图制作动画，并自定义动作action。
创建转换动画：直接使用gif或swf创建动画
导出：将动画导出为json+png，以备在egret中加载使用
附加拓展名：这里无效，对movieClip无效的
布局：图片的摆放位置布局 (这里选择布局后，可直观的在右边看到图片是怎么摆放的)
画布：Power2合适的2的幂的尺寸，FreeSize合适的自由尺寸。百度为什么需要2的N次幂。
间隙：图片与图片之间的间隙。感觉没什么大用，就是图片分得开点，好辨认...
3 新建项目，取名为walk
4 用Flash制作swf（不会Flash？那帮不了你）
我这里用Flash制作了一个loli行走的动画。分别为正面行走和向右行走，并增加标签"front"和"right"。导出swf为walk.swf。
PS：Flash的动画必须在主舞台的时间轴制作。如果制作在影片剪辑里再放到舞台，那么TextureMerger无法使用，只会导出一帧。
5 创建转换动画
点击创建转换动画，选择准备好的walk.swf
导入后，可以看到有了一个名为walk的动画，该动画有2个action，分别是"front"和"right"。
没错，action就是flash里定义的标签。
可以选择"front"后的 <ignore_js_op>
按钮预览动画效果。
6 导出movieclip
选择导出
选择缩放比例
选择保存位置，保存为walk
最终导出了一个walk.json和walk.png文件
7 将json和png放到egret资源目录下
8 在代码中使用MovieClip
官网使用代码示例
首先加载walk_json和walk_png到影片剪辑工厂
然后生成一个walk影片剪辑
最后将影片剪辑添加到舞台，并且循环播放right动作
运行效果
二 Gif制作MovieClip
和swf同理。只是文件不同...
三 序列图制作MovieClip
序列图4张如下 （如果是一整张的序列图，此方法无效）
1 选择创建动画
命名动画为walk，24帧
2 walk动画上右键，选择添加动作
动作名为walk_front
3 动作walk_front上右键，选择添加帧
选择刚才的4张序列图添加进去
动作添加完毕
然后可以继续添加动作，添加帧...
之后导出和使用流程同第一种方法，就不再赘述了。{:6_108:}
以上是关于咸鱼教程TextureMerger1.6.6 一：Egret MovieClip的制作和使用的主要内容，如果未能解决你的问题，请参考以下文章
咸鱼教程TextureMerger1.6.6 二：Sprite Sheet的制作和使用
TextureMerger1.6.6 一：Egret MovieClip的使用