Egret引擎是一款非常流行的HTML5游戲引擎,它支持序列幀動畫輸出json圖片位置,方便我們進行自定義動畫。下面我們來看看如何實現。
//創建序列幀動畫對象 var mcDataFactory: egret.MovieClipDataFactory = new egret.MovieClipDataFactory(RES.getRes("ani_json"), RES.getRes("ani_png")); var hero: egret.MovieClip = new egret.MovieClip(mcDataFactory.generateMovieClipData("hero")); //設置序列幀動畫的坐標位置以及其他屬性 hero.x = 100; hero.y = 100; hero.scaleX = 0.5; hero.scaleY = 0.5; //將序列幀動畫添加到舞臺 this.addChild(hero); //獲取序列幀動畫的json文件位置 var jsonData: any = RES.getRes("ani_json"); //輸出json文件中圖片的位置 console.log(jsonData.frames["ani_png"]);
如上所示,我們首先要創建序列幀動畫對象,接著設置其坐標位置以及其他屬性,最后將其添加到舞臺上。然后,我們可以通過RES.getRes()方法獲取序列幀動畫的json文件位置,并使用console.log()方法輸出json文件中圖片的位置。
總的來說,使用Egret引擎創建序列幀動畫并輸出json圖片位置非常便捷,從而能夠讓我們更好地進行自定義動畫的設計與實現。