首頁 >web前端 >js教程 >Egret 製作簡單動畫

Egret 製作簡單動畫

一个新手
一个新手原創
2017-09-08 13:55:323227瀏覽

//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