Egret Engine(二十六):MovieClip序列帧动画
生活随笔
收集整理的這篇文章主要介紹了
Egret Engine(二十六):MovieClip序列帧动画
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
找一個(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)題。
- 上一篇: java设计模式(1)
- 下一篇: noip滚泥巴记2016