Cocos2d-x Lua中实例:帧动画使用

下面我们通过一个实例介绍一下帧动画的使用,这个实例如下图所示,点击Go按钮开始播放动画,这时候播放按钮标题变为Stop,点击Stop按钮可以停止播放动画。

Cocos2d-x Lua中实例:帧动画使用_第1张图片

帧动画实例

下面我们再看看具体的程序代码,首先看一下看GameScene.lua文件,它的代码如下:

local isPlaying = false -- 播放标识                                                                                                      ①
local size =cc.Director:getInstance():getWinSize()
 
… …
 
-- create layer
function GameScene:createLayer()
 
   local layer = cc.Layer:create()
 
   local spriteFrame  = cc.SpriteFrameCache:getInstance()
   spriteFrame:addSpriteFramesWithFile("run.plist")
 
   local bg =cc.Sprite:createWithSpriteFrameName("background.png")
   bg:setPosition(cc.p(size.width/2, size.height/2))
   layer:addChild(bg)
 
   local sprite = cc.Sprite:createWithSpriteFrameName("h1.png")
   sprite:setPosition(cc.p(size.width/2, size.height/2))
   layer:addChild(sprite)
 
   --toggle菜单
   local goSprite = cc.Sprite:createWithSpriteFrameName("go.png")
   local stopSprite = cc.Sprite:createWithSpriteFrameName("stop.png")
 
   local goToggleMenuItem = cc.MenuItemSprite:create(goSprite, goSprite)
   local stopToggleMenuItem = cc.MenuItemSprite:create(stopSprite,stopSprite)
   local toggleMenuItem = cc.MenuItemToggle:create(goToggleMenuItem,
                                                                             stopToggleMenuItem)
   toggleMenuItem:setPosition(cc.Director:getInstance():convertToGL(cc.p(930,540)))
 
   local mn = cc.Menu:create(toggleMenuItem)
   mn:setPosition(cc.p(0, 0))
   layer:addChild(mn)
 
   local function OnAction(menuItemSender)
 
       if not isPlaying then
 
            --///动画开始//
            local animation =cc.Animation:create()                                                                         ②
            for i=1,4 do
                local frameName =string.format("h%d.png",i)                                                       ③
                cclog("frameName =%s",frameName)
                local spriteFrame = spriteFrame:getSpriteFrameByName(frameName)               ④
               animation:addSpriteFrame(spriteFrame)                                                                 ⑤
            end
 
           animation:setDelayPerUnit(0.15)          --设置两个帧播放时间                      ⑥
           animation:setRestoreOriginalFrame(true)    --动画执行后还原初始状态           ⑦
 
            local action =cc.Animate:create(animation)                                                         ⑧
            sprite:runAction(cc.RepeatForever:create(action))                                                       ⑨
            --//动画结束///
            isPlaying = true
       else
            sprite:stopAllActions()                                                                                                      ⑩
            isPlaying = false
       end
   end
   toggleMenuItem:registerScriptTapHandler(OnAction)
 
   return layer
end
 
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课堂微信公共平台,了解最新技术文章、图书、教程信息

你可能感兴趣的:(lua,游戏,移动开发)