MovieClip序列帧动画 视频教程

 这节课我们要讲解的是egret的movieclip动画，使用movieClip动画的时候，我们需要用到两个文件：

• SpriteSheet序列动画图（png）
• Json配置文件

 

这两个文件可以用egret提供的一个软件TextureMerger 生成或者flash软件（需要安装插件）来做。

这里我们使用TextureMerger 来生成这两个文件

打开TextureMerger ，选择第一个movieclip项目

这里，TextureMerger 支持gif和swf，swf比较强大，可以支持帧标签，我们这一次用gif就行了

首先，拖入准备好的gif图

拖入之后，我们什么不用做，直接导出即可

就这样，我们轻松得到了一个png序列图，和json配置文件

现在，将这两个文件复制到项目的resource目录下

然后打开项目的资源配置文件，将这两个文件添加到资源列表中

 

接下来，为了使用egret的movieClip动画功能，我们需要开启egret的game扩展

 

我们可以在egretProperties.json文件中开启或者关闭相关扩展

现在我们要添加game扩展

 

这样子就开启了game扩展，很简单是吧

 

 

接下来，我们要新建个movieClip工厂来管理动画资源

 

把json和png的文件换成我们自己对应的文件名称，名称可以在res.Josn文件中找或者修改

 

接下来我们要添加一个movieclip。

generateMovieClipData（）后面这个名称要与我们刚刚用TextureMerger 生成json配置文件保持一致

现在我们将mc添加到舞台看看

我们看到，现在的mc已经添加到舞台，但并没有播放动画，

为了让他播放动画，我们可以调用mc的播放方法

mc1.gotoAndPlay(1,-1);

gotoAndPlay有两个参数，

第一个，是帧标签或者帧数，我们这里写1，表示从第一帧开始播放，

第二个参数是表明播放几次，如果为负数则循环播放，为正数，如3，则表示播放3次

 

好了，这节课就到这里，谢谢大家

原文地址（附带视频教程）：http://it.lindukj.cn/archives/1415