幾個(gè)月沒寫代碼了。然后突然用到TextureMerger，發(fā)現(xiàn)不會(huì)用序列圖做動(dòng)畫了。。。

于是寫下過程，以防忘記...

MovieClip主要是用于游戲中的動(dòng)畫制作和播放。支持swf、gif、序列圖等。 目錄： 一 swf制作MovieClip 二 gif制作MoveliClip 三 序列圖制作MovieClip ? 素材包：?<ignore_js_op>?Desktop.rar?(307.14 KB, 下載次數(shù): 15) ?

一 swf制作MovieClip

1 打開TextureMerger，選擇Egret MovieClip

?

2 Egret MovieClip制作界面說明 新建項(xiàng)目：新建一個(gè)Egret MovieClip項(xiàng)目 打開項(xiàng)目：打開一個(gè).tmc文件 保存項(xiàng)目：項(xiàng)目會(huì)保存為一個(gè)后綴為.tmc的文件 創(chuàng)建動(dòng)畫：在當(dāng)前項(xiàng)目下創(chuàng)建一個(gè)動(dòng)畫，通常用于自定義動(dòng)畫使用，比如使用多張序列圖制作動(dòng)畫，并自定義動(dòng)作action。 創(chuàng)建轉(zhuǎn)換動(dòng)畫：直接使用gif或swf創(chuàng)建動(dòng)畫 導(dǎo)出：將動(dòng)畫導(dǎo)出為json+png，以備在egret中加載使用

?

附加拓展名：這里無效，對(duì)movieClip無效的 布局：圖片的擺放位置布局 (這里選擇布局后，可直觀的在右邊看到圖片是怎么擺放的) 畫布：Power2合適的2的冪的尺寸，FreeSize合適的自由尺寸。百度為什么需要2的N次冪。 間隙：圖片與圖片之間的間隙。感覺沒什么大用，就是圖片分得開點(diǎn)，好辨認(rèn)...

?

3 新建項(xiàng)目，取名為walk

?

4 用Flash制作swf（不會(huì)Flash？那幫不了你） 我這里用Flash制作了一個(gè)loli行走的動(dòng)畫。分別為正面行走和向右行走，并增加標(biāo)簽"front"和"right"。導(dǎo)出swf為walk.swf。 PS：Flash的動(dòng)畫必須在主舞臺(tái)的時(shí)間軸制作。如果制作在影片剪輯里再放到舞臺(tái)，那么TextureMerger無法使用，只會(huì)導(dǎo)出一幀。 ? 5 創(chuàng)建轉(zhuǎn)換動(dòng)畫 點(diǎn)擊創(chuàng)建轉(zhuǎn)換動(dòng)畫，選擇準(zhǔn)備好的walk.swf

?

導(dǎo)入后，可以看到有了一個(gè)名為walk的動(dòng)畫，該動(dòng)畫有2個(gè)action，分別是"front"和"right"。 沒錯(cuò)，action就是flash里定義的標(biāo)簽。 可以選擇"front"后的?<ignore_js_op>?按鈕預(yù)覽動(dòng)畫效果。

6 導(dǎo)出movieclip 選擇導(dǎo)出

?

選擇縮放比例

?

選擇保存位置，保存為walk

?

最終導(dǎo)出了一個(gè)walk.json和walk.png文件 ?

?

7 將json和png放到egret資源目錄下

?

8 在代碼中使用MovieClip
官網(wǎng)使用代碼示例

首先加載walk_json和walk_png到影片剪輯工廠 然后生成一個(gè)walk影片剪輯 最后將影片剪輯添加到舞臺(tái)，并且循環(huán)播放right動(dòng)作

?

運(yùn)行效果 ?

二 Gif制作MovieClip

和swf同理。只是文件不同...

三 序列圖制作MovieClip

序列圖4張如下??（如果是一整張的序列圖，此方法無效）

?

1 選擇創(chuàng)建動(dòng)畫

?

命名動(dòng)畫為walk，24幀

2 walk動(dòng)畫上右鍵，選擇添加動(dòng)作 動(dòng)作名為walk_front 3 動(dòng)作walk_front上右鍵，選擇添加幀 選擇剛才的4張序列圖添加進(jìn)去 動(dòng)作添加完畢 然后可以繼續(xù)添加動(dòng)作，添加幀... 之后導(dǎo)出和使用流程同第一種方法，就不再贅述了。{:6_108:}

轉(zhuǎn)載于:https://www.cnblogs.com/gamedaybyday/p/9219895.html

總結(jié)

以上是生活随笔為你收集整理的【咸鱼教程】TextureMerger1.6.6 一：Egret MovieClip的制作和使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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