Cocos2d-x Lua中实例：帧动画使用，cocos2d-xlua
下面我们通过一个实例介绍一下帧动画的使用，这个实例如下图所示，点击Go按钮开始播放动画，这时候播放按钮标题变为Stop，点击Stop按钮可以停止播放动画。
帧动画实例
下面我们再看看具体的程序代码，首先看一下看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课堂微信公共平台，了解最新技术文章、图书、教程信息
http://www.bkjia.com/Androidjc/1005746.htmlwww.bkjia.comtruehttp://www.bkjia.com/Androidjc/1005746.htmlTechArticleCocos2d-x Lua中实例：帧动画使用，cocos2d-xlua 下面我们通过一个实例介绍一下帧动画的使用，这个实例如下图所示，点击Go按钮开始播放动画，...
