Cocos2dx學習筆記10:cocos2dx序列幀動畫(1)-創(chuàng)新互聯

在cocos2dx里是不支持gif動畫的,所以我們無法給精靈設置gif格式的圖片。但是如果我們想實現動畫效果呢?那么我們就要自己通過大量的靜態(tài)圖來組成播放成動畫。

成都服務器托管,創(chuàng)新互聯公司提供包括服務器租用、成都移動機房托管、帶寬租用、云主機、機柜租用、主機租用托管、CDN網站加速、域名申請等業(yè)務的一體化完整服務。電話咨詢:028-86922220

在cocos2dx里提供了序列幀動畫的概念來實現這個功能,動畫由幀組成,每一幀都是一個紋理,我們可以使用一個紋理序列來創(chuàng)建動畫。

首先找一張動圖的gif圖,這里QQ群里最近動圖的逗逼圖太多,我就隨便找了一張,把圖片另存到桌面,打開ps軟件,把圖片拖進去,這樣gif圖會被拆分許多的圖層。我們把圖層一個一個圖層的保存成png的靜態(tài)圖,命名為mAnimation1-10,因為這個圖片就10個圖層,所以就到10。

Cocos2dx學習筆記10:cocos2dx序列幀動畫(1)

保存這樣的命名格式的好處是 后面的數字是遞增的,而且是可變的,我們可以在編程操作的時候可以用for循環(huán)實現數字的增加,而不需要手動增加10個。

1、使用普通方式實現動畫
我們使用Animation類描述一個動畫,而精靈顯示動畫的動作則是一個Animate對象。動畫動作Animate是精靈顯示動畫的動作,它由一個動畫對象創(chuàng)建,并由精靈執(zhí)行。

Cocos2dx學習筆記10:cocos2dx序列幀動畫(1)

2、使用精靈幀實現動畫

上一次精靈創(chuàng)建的時候我們提到過精靈幀

(Cocos2dx學習筆記7:精靈(Sprite)http://www.byjth.com/biji/26.html)主要用來做動畫用,這次我們同樣使用TexturePacker工具將我們用的素材進行打包。
打包教程:教你使用TexturePacker工具對素材打包 http://www.byjth.com/tools/29.html
打包好后,我們把生成的plist文件和png圖片放到項目里面的資源目錄下,這里我是D:\cocos2d-x-3.4\tests\cocosxuexi\Resources文件夾。

Cocos2dx學習筆記10:cocos2dx序列幀動畫(1)

Cocos2dx學習筆記10:cocos2dx序列幀動畫(1)

效果圖,看看是不是和gif圖一樣。

Cocos2dx學習筆記10:cocos2dx序列幀動畫(1)

Cocos2dx學習筆記10:cocos2dx序列幀動畫(1)

http://www.byjth.com/biji/30.html

教你使用TexturePacker工具對素材打包

http://www.byjth.com/tools/29.html

另外有需要云服務器可以了解下創(chuàng)新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。

本文題目:Cocos2dx學習筆記10:cocos2dx序列幀動畫(1)-創(chuàng)新互聯
網站路徑:http://bm7419.com/article20/gicjo.html

成都網站建設公司_創(chuàng)新互聯,為您提供建站公司、網站內鏈定制網站、云服務器網站排名、品牌網站制作

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯

h5響應式網站建設