这节课我们要讲解的是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