Rumah  >  Artikel  >  hujung hadapan web  >  Egret 制作简单动画

Egret 制作简单动画

一个新手
一个新手asal
2017-09-08 13:55:323203semak imbas

//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);
        }

Atas ialah kandungan terperinci Egret 制作简单动画. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn