MovieClip序列幀動畫 視訊教程
這節課我們要講解的是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次
好了,這節課就到這裡,謝謝大家