当前位置:Gxlcms > JavaScript > Egret制作简单动画

Egret制作简单动画

时间:2021-07-01 10:21:17 帮助过:4人阅读

//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 制作简单动画的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行