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

原文地址:https://www.cnblogs.com/clschen/p/5535380.html