找一個gif圖片

打開 Texture Merger 軟件進行序列制作

• 打開Texture Merger
  

• 拖拽進去并起個項目名稱
  

• 預覽
  

• 導出
  

• 得到兩個文件 （json、png）

• 將文件導入到你的項目中并添加
  

• 修改json，添加幀事件
  

序列幀動畫實現

// 1.創建 const data = RES.getRes("playerRun_json"); const txtr = RES.getRes("playerRun_png"); const mcFactory: egret.MovieClipDataFactory = new egret.MovieClipDataFactory(data, txtr);// 2.獲取動作 const mc1: egret.MovieClip = new egret.MovieClip(mcFactory.generateMovieClipData("run"));this.addChild(mc1);// 3.播放 // mc1.gotoAndPlay(0, -1); // 循環播放 mc1.gotoAndPlay(0, 3); // 播放3次 // mc1.gotoAndPlay(3); // 從第3幀播放// 幀事件 mc1.addEventListener(egret.MovieClipEvent.FRAME_LABEL, (e: egret.MovieClipEvent) => {console.log(e);console.log(e.type, e.frameLabel, mc1.currentFrame); // frame_label @startComplete 3 }, this);// 播放次數監聽 mc1.addEventListener(egret.Event.LOOP_COMPLETE, (e: egret.Event) => {console.log(e.type); //輸出3次 }, this);// 播放完成監聽 mc1.addEventListener(egret.Event.COMPLETE, (e: egret.Event) => {console.log(e.type); // 1次 }, this);

總結

以上是生活随笔為你收集整理的Egret Engine（二十六）：MovieClip序列帧动画的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。