Cocos2d-x Lua中實例：幀動畫使用

下面咱們經過一個實例介紹一下幀動畫的使用，這個實例以下圖所示，點擊Go按鈕開始播放動畫，這時候播放按鈕標題變爲Stop，點擊Stop按鈕能夠中止播放動畫。

幀動畫實例

下面咱們再看看具體的程序代碼，首先看一下看GameScene.lua文件，它的代碼以下：

[html] view plaincopy

1. local isPlaying = false -- 播放標識                                                                                                      ①  

2. local size =cc.Director:getInstance():getWinSize()  

3.    

4. … …  

5.    

6. -- create layer  

7. function GameScene:createLayer()  

8.    

9.    local layer = cc.Layer:create()  

10.    

11.    local spriteFrame  = cc.SpriteFrameCache:getInstance()  

12.    spriteFrame:addSpriteFramesWithFile("run.plist")  

13.    

14.    local bg =cc.Sprite:createWithSpriteFrameName("background.png")  

15.    bg:setPosition(cc.p(size.width/2, size.height/2))  

16.    layer:addChild(bg)  

17.    

18.    local sprite = cc.Sprite:createWithSpriteFrameName("h1.png")  

19.    sprite:setPosition(cc.p(size.width/2, size.height/2))  

20.    layer:addChild(sprite)  

21.    

22.    --toggle菜單  

23.    local goSprite = cc.Sprite:createWithSpriteFrameName("go.png")  

24.    local stopSprite = cc.Sprite:createWithSpriteFrameName("stop.png")  

25.    

26.    local goToggleMenuItem = cc.MenuItemSprite:create(goSprite, goSprite)  

27.    local stopToggleMenuItem = cc.MenuItemSprite:create(stopSprite,stopSprite)  

28.    local toggleMenuItem = cc.MenuItemToggle:create(goToggleMenuItem,  

29.                                                                              stopToggleMenuItem)  

30.    toggleMenuItem:setPosition(cc.Director:getInstance():convertToGL(cc.p(930,540)))  

31.    

32.    local mn = cc.Menu:create(toggleMenuItem)  

33.    mn:setPosition(cc.p(0, 0))  

34.    layer:addChild(mn)  

35.    

36.    local function OnAction(menuItemSender)  

37.    

38.        if not isPlaying then  

39.    

40.             --///////////////動畫開始//////////////////////  

41.             local animation =cc.Animation:create()                                                                         ②  

42.             for i=1,4 do  

43.                 local frameName =string.format("h%d.png",i)                                                       ③  

44.                 cclog("frameName =%s",frameName)  

45.                 local spriteFrame = spriteFrame:getSpriteFrameByName(frameName)               ④  

46.                animation:addSpriteFrame(spriteFrame)                                                                 ⑤  

47.             end  

48.    

49.            animation:setDelayPerUnit(0.15)          --設置兩個幀播放時間                      ⑥  

50.            animation:setRestoreOriginalFrame(true)    --動畫執行後還原初始狀態           ⑦  

51.    

52.             local action =cc.Animate:create(animation)                                                         ⑧  

53.             sprite:runAction(cc.RepeatForever:create(action))                                                       ⑨  

54.             --//////////////////動畫結束///////////////////  

55.             isPlaying = true  

56.        else  

57.             sprite:stopAllActions()                                                                                                      ⑩  

58.             isPlaying = false  

59.        end  

60.    end  

61.    toggleMenuItem:registerScriptTapHandler(OnAction)  

62.    

63.    return layer  

64. end  

65.    

66. return GameScene  

上述代碼第①行是聲明一個布爾變量isPlaying，用來保存播放狀態，true時候說明正在播放，false時候說明中止播放。

第②行代碼是建立一個Animation對象，它是動畫對象，而後咱們要經過循環將各個幀圖片放到Animation對象中。第③行是得到幀圖片的文件名，string.format("h%d.png",i)是對字符串進行格式化。第④行代碼是經過幀名建立精靈幀對象，第⑤行代碼把精靈幀對象添加到Animation對象中。

第⑥行代碼是animation:setDelayPerUnit(0.15)是設置兩個幀播放時間，咱們這個動畫播放是4幀。第⑦行代碼animation:setRestoreOriginalFrame(true)是動畫執行完成是否還原到初始狀態。第⑧行代碼是經過一個Animation對象建立Animate對象，第⑨行代碼cc.Animate:create(animation)是執行動畫動做，無限循環方式。

第⑩行代碼sprite:stopAllActions()中止全部的動做。

更多內容請關注最新Cocos圖書《Cocos2d-x實戰：Lua卷——Cocos2d-lua開發》

本書交流討論網站：http://www.cocoagame.net

歡迎加入Cocos2d-x技術討論羣：257760386

更多精彩視頻課程請關注智捷課堂Cocos課程：http://v.51work6.com

智捷課堂現推出Cocos會員，敬請關注：http://v.51work6.com/courseInfoRedirect.do?action=netDetialInfo&courseId=844465&categoryId=0

《Cocos2d-x實戰 Lua卷》現已上線，各大商店均已開售：

京東：http://item.jd.com/11659697.html

歡迎關注智捷iOS課堂微信公共平臺，瞭解最新技術文章、圖書、教程信息