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

h3 span >

帧动画实例

下面我们再看看具体的程序代码，首先看一下看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) ⑤

 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

 toggleMenuItem:registerScriptTapHandler(OnAction)

 return layer

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 amp;categoryId=0 《Cocos2d-x实战 Lua卷》现已上线，各大商店均已开售：

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

欢迎关注智捷iOS课堂微信公共平台，了解最新技术文章、图书、教程信息


如何使用ZEROBRANE STUDIO远程调试COCOS2D-X的LUA脚本（转） http://www.cocos2d-x.org/docs/manual/framework/native/v2/lua/lua-remote-debug-via-zerobrane/zh ZeroBrane Studio做为一个轻量级的Lua IDE,因为它支持跨平台(支持Windows、Mac和Linux)和支持真机调试(Andorid、IPhone和IPad)，所以经常被用来调试Lua。
Lua 服务器与客户端实例（转） =============================================================== 服务器，main.lua =============================================================== local ...
Cocos2d-x Lua中网格动作 span "author-img" src="https://ucc.alicdn.com/avatar/img_eb9d2870986a381ed44d6f4a5e2a1ae3.jpg?x-oss-process=image/resize,h_150,m_lfit" />
关东升 国内著名iOS/Cocos技术作家，iOS技术顾问，Cocos最有价值专家（CVP），智捷课堂首席培训专家。担任51CTO社区iOS技术顾问。 著有多部移动开发畅销书。