這節課我們要講解的是egret的movieclip動畫,使用movieClip動畫的時候,我們需要用到兩個文件:
- SpriteSheet序列動畫圖(png)
- Json配置文件
這兩個文件可以用egret提供的一個軟件TextureMerger 生成或者flash軟件(需要安裝插件)來做。
這裏我們使用TextureMerger 來生成這兩個文件
打開TextureMerger ,選擇第一個movieclip項目
這裏,TextureMerger 支持gif和swf,swf比較強大,可以支持幀標籤,我們這一次用gif就行了
首先,拖入準備好的gif圖
拖入之後,我們什麼不用做,直接導出即可
就這樣,我們輕鬆得到了一個png序列圖,和json配置文件
現在,將這兩個文件複製到項目的resource目錄下
然後打開項目的資源配置文件,將這兩個文件添加到資源列表中
接下來,爲了使用egret的movieClip動畫功能,我們需要開啓egret的game擴展
我們可以在egretProperties.json文件中開啓或者關閉相關擴展
現在我們要添加game擴展
這樣子就開啓了game擴展,很簡單是吧
接下來,我們要新建個movieClip工廠來管理動畫資源
把json和png的文件換成我們自己對應的文件名稱,名稱可以在res.Josn文件中找或者修改
接下來我們要添加一個movieclip。
generateMovieClipData()後面這個名稱要與我們剛剛用TextureMerger 生成json配置文件保持一致
現在我們將mc添加到舞臺看看
我們看到,現在的mc已經添加到舞臺,但並沒有播放動畫,
爲了讓他播放動畫,我們可以調用mc的播放方法
mc1.gotoAndPlay(1,-1);
gotoAndPlay有兩個參數,
第一個,是幀標籤或者幀數,我們這裏寫1,表示從第一幀開始播放,
第二個參數是表明播放幾次,如果爲負數則循環播放,爲正數,如3,則表示播放3次
好了,這節課就到這裏,謝謝大家
原文地址(附帶視頻教程):http://it.lindukj.cn/archives/1415