首页 >web前端 >js教程 >Egret 制作简单动画

Egret 制作简单动画

一个新手
一个新手原创
2017-09-08 13:55:323226浏览

//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 制作简单动画的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn