1. 程式人生 > >MovieClip序列幀動畫 視訊教程

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次

好了,這節課就到這裡,謝謝大家