找一個(gè)gif圖片

打開(kāi) Texture Merger 軟件進(jìn)行序列制作

• 打開(kāi)Texture Merger
  

• 拖拽進(jìn)去并起個(gè)項(xiàng)目名稱
  

• 預(yù)覽
  

• 導(dǎo)出
  

• 得到兩個(gè)文件 （json、png）

• 將文件導(dǎo)入到你的項(xiàng)目中并添加
  

• 修改json，添加幀事件
  

序列幀動(dòng)畫(huà)實(shí)現(xiàn)

// 1.創(chuàng)建 const data = RES.getRes("playerRun_json"); const txtr = RES.getRes("playerRun_png"); const mcFactory: egret.MovieClipDataFactory = new egret.MovieClipDataFactory(data, txtr);// 2.獲取動(dòng)作 const mc1: egret.MovieClip = new egret.MovieClip(mcFactory.generateMovieClipData("run"));this.addChild(mc1);// 3.播放 // mc1.gotoAndPlay(0, -1); // 循環(huán)播放 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);// 播放次數(shù)監(jiān)聽(tīng) mc1.addEventListener(egret.Event.LOOP_COMPLETE, (e: egret.Event) => {console.log(e.type); //輸出3次 }, this);// 播放完成監(jiān)聽(tīng) mc1.addEventListener(egret.Event.COMPLETE, (e: egret.Event) => {console.log(e.type); // 1次 }, this);

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。