[注] iOS代碼已重構(gòu)闽坡,效率提升90%栽惶,200層動畫不卡。[2016.10.27]
項(xiàng)目介紹
項(xiàng)目名稱:FlashAnimationToMobile 源碼疾嗅。 使用方法點(diǎn)這里外厂。
這是一個把flash中的關(guān)鍵幀動畫(不是序列幀)導(dǎo)出,然后在iOS/Android原生應(yīng)用中解析并播放的一個插件代承。除了原生App汁蝶,它也能夠支持Cocos2dx(3.x)。
對于Flash軟件,則支持Flash CS3及以上版本及最新的Animate CC掖棉。
這個庫能夠滿足游戲墓律,App開發(fā)中90%的2D動畫需求。
它可以用來做游戲中的人物動畫:走動幔亥,攻擊耻讽,跳躍,閃避等帕棉,以及UI特效针肥,升級,轉(zhuǎn)場等香伴。
也可以用于App動畫:秀場禮物慰枕,用戶升級,活動禮包即纲,等等具帮。
這個庫目前已在3個線上項(xiàng)目(2個游戲,一個App: android+iOS)中使用了崇裁。
它最大的特點(diǎn)就是:原生匕坯,關(guān)鍵幀動畫。
實(shí)際效果如下:
-
flash:
-
iOS:
-
android:
-
cocos2dx:
項(xiàng)目來由
最開始有把flash關(guān)鍵幀動畫導(dǎo)出的想法是當(dāng)初做cocos2dx開發(fā)游戲的時候拔稳。
當(dāng)時開發(fā)的一個游戲項(xiàng)目葛峻,模仿《刀塔傳奇》的動畫樣式和戰(zhàn)斗模式。
了解的朋友應(yīng)該知道巴比,《刀塔傳奇》里面有很多英雄术奖,每個英雄都有很多個動作。
一般情況下轻绞,這種復(fù)雜動畫應(yīng)該避免使用序列幀動畫(對內(nèi)存要求高)采记,而應(yīng)該用更高效的關(guān)鍵幀動畫。



而當(dāng)初立項(xiàng)的時候政勃,項(xiàng)目組的美術(shù)人員對flash比較熟悉唧龄,希望用flash來做各個英雄的動畫。更能節(jié)約時間奸远。
而cocos2dx當(dāng)時還不能直接導(dǎo)入flash動畫既棺。
于是,作為程序的我懒叛,就需要查閱各種資料丸冕,想解決方案。于是就有了這個項(xiàng)目薛窥。
我們的游戲當(dāng)初45個英雄胖烛,每個英雄9個動作眼姐,全部使用flash制作,并用這個庫來播放動畫佩番。同屏20個英雄众旗,無卡頓完美運(yùn)行。
看下我們游戲制作的flash原圖:

過了一年趟畏,我的主要工作從游戲轉(zhuǎn)移到app∈旁浚現(xiàn)在是在做秀場項(xiàng)目。
后來大家覺得送禮物的特效不夠炫拱镐,希望手機(jī)端送禮物時也能夠有網(wǎng)頁版的那種效果。

于是我就產(chǎn)生了把這個cocos2dx的動畫庫持际,移植到iOS和android中的想法沃琅。就是今天介紹的這個項(xiàng)目了。
用這個動畫庫來播放美術(shù)人員做出來的flash特效作為秀場禮物動畫蜘欲∫婷迹可令禮物豐富多彩,不再單調(diào)姥份。
代碼實(shí)現(xiàn)及功能范圍
代碼分為兩部分:
1. flash/python腳本
2. 各平臺(iOS/Android/cocos2dx)解析庫郭脂。
- 其中flash腳本的部分參考的是這幾篇文章:
- python腳本是為了把json數(shù)據(jù)(.flajson文件)轉(zhuǎn)換成二進(jìn)制數(shù)據(jù)(.flabin文件),進(jìn)一步縮小文件體積澈歉,同時帶有一定的加密效果展鸡。
- 其中cocos2dx的項(xiàng)目只支持二進(jìn)制格式,Android和iOS版本支持json和二進(jìn)制格式埃难。
- 二進(jìn)制格式的文件大小要比json格式小10倍左右莹弊,加載速度也比json快。
當(dāng)初在cocos2dx中做程序?qū)崿F(xiàn)的時候涡尘,我是完全把flash的運(yùn)行機(jī)制在cocos2dx中復(fù)制了一遍忍弛。
其中包含了,元件考抄,層和關(guān)鍵幀的概念细疚。
到后面移植App的時候,我的思路發(fā)生了變化川梅,我覺得把層的概念淡化疯兼,然后在任何一幀,把不同層的圖片同時繪制挑势。這種思路可能更簡單一些镇防。
所以App的代碼實(shí)現(xiàn)邏輯,同cocos2dx版本的代碼有一定的區(qū)別潮饱。
項(xiàng)目中的代碼是最簡單的能夠使用的版本来氧,功能和限制如下:
- 只能用圖片,不能用矢量圖
- 只能使用如下屬性:位置,縮放啦扬,旋轉(zhuǎn)中狂,切變,顏色疊加扑毡,透明度變化胃榕。
- cocos2dx版本計(jì)算content size的部分沒有實(shí)現(xiàn)。
- app版本我為不同分辨率手機(jī)做了適配瞄摊,但是沒有編寫計(jì)算其size的方法勋又,因?yàn)槲覜]有用到。
- 上述兩點(diǎn)如果有這種需求换帜,則需要自行添加這部分代碼
雖說簡單楔壤,但是這個庫已經(jīng)能夠滿足90%的相關(guān)需求了。
如果感興趣惯驼,可以通過閱讀資料蹲嚣,為其增加矢量圖,濾鏡祟牲,遮罩等功能隙畜。這些都是可以實(shí)現(xiàn)的。
我在代碼關(guān)鍵部分都加了注釋说贝。感興趣的可以圍觀一下议惰。幫忙指出錯誤。
FlashAnimationToMobile 點(diǎn)此進(jìn)入乡恕。