欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Egret 制作简单动画

程序员文章站 2022-04-08 23:48:02
...
//Egret的简单的动画例子
//这个动画是点击按钮飘一个心的帧动画

1.首先要准备动画,动画可以是gif也可以是swf
2.将准备好的gif或者swf拖入Egret的textureManage工具中,点击导出 会生成 xx.json和xx.png两个文件
3.将生成的文件加入到egret项目中(resource目录下新建xx文件夹放入上面生成的两个文件)
4.将上面的两个文件打包进default.res.json 文件中
5.在需要播放动画的地方编写如下代码
//jsonName 导出的json文件名
//pngName 导出的png文件名
//parent 动画需要添加的对象名
//x 动画的x值
//y 动画的y值

 private playAction(jsonName:string,pngName:string,parent:any,x:number,y:number): void {
            var data = RES.getRes(jsonName);
            var txtr = RES.getRes(pngName);
            var mcFactory: egret.MovieClipDataFactory = new egret.MovieClipDataFactory(data, txtr);
            var mc1: egret.MovieClip = new egret.MovieClip(mcFactory.generateMovieClipData("xin"));
            parent.addChild(mc1);
            mc1.addEventListener(egret.Event.COMPLETE, (e: egret.Event) => {
                if (mc1) {
                    mc1.parent.removeChild(mc1);
                }
            }, this);
            mc1.x = x;
            mc1.y = y;
            mc1.gotoAndPlay(0, 1);
        }

以上就是Egret 制作简单动画的详细内容,更多请关注其它相关文章!