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次

 

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

原文地址(附帶視頻教程):http://it.lindukj.cn/archives/1415


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章