在Egret引擎中,使用動(dòng)畫效果可以使游戲更加生動(dòng)有趣。egret動(dòng)畫的json文件格式非常重要,因?yàn)樗梢悦枋鰟?dòng)畫的所有關(guān)鍵幀信息。在這篇文章中,我們將介紹如何創(chuàng)建和使用egret動(dòng)畫json。
{ "mc": { "face": { "frameRate": 24, "frames": [ {"res": "face01_png"}, {"res": "face02_png"}, {"res": "face03_png"}, {"res": "face04_png"} ] } } }
上述代碼是一個(gè)示例動(dòng)畫的json格式。在這個(gè)json中,我們定義了"face"這個(gè)動(dòng)畫。它包括24幀,并且每一幀使用一個(gè)不同的資源來(lái)呈現(xiàn)動(dòng)畫效果。如果我們想要使用這個(gè)動(dòng)畫,在代碼中需要先加載對(duì)應(yīng)的資源文件和json文件,如下所示:
egret.ImageLoader.crossOrigin = "anonymous"; egret.ImageLoader.load("resource/assets/face01.png", function (event: egret.Event) { var imageLoader = event.currentTarget; var texture = new egret.Texture(); texture._setBitmapData(imageLoader.data); var mcFactory = new egret.MovieClipDataFactory(RES.getRes("mc_json"), RES.getRes("mc_png")); var mc = new egret.MovieClip(mcFactory.generateMovieClipData("face")); mc.play(-1); this.addChild(mc); }, this);
以上代碼中,我們先加載資源文件"face01.png",然后創(chuàng)建動(dòng)畫數(shù)據(jù)工廠,并用動(dòng)畫json和png文件來(lái)初始化它。接著,我們使用動(dòng)畫數(shù)據(jù)工廠生成動(dòng)畫數(shù)據(jù)"face",最后將動(dòng)畫添加到舞臺(tái)中并播放。
總結(jié)一下,egret動(dòng)畫json文件描述了動(dòng)畫的所有關(guān)鍵幀信息,我們可以通過(guò)該json文件來(lái)加載動(dòng)畫的資源文件和播放動(dòng)畫效果。