下面我们通过一个实例介绍一下帧动画的使用,这个实例如下图所示,点击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课堂微信公共平台,了解最新技术文章、图书、教程信息
相关推荐
Cocos2d-x 精灵碰撞检测(矩形法)实例
介绍Cocos2d-x更高阶的内容,包括渲染效率的提高、动画、TexturePacker图片打包、Tiled地图游戏实例、定时器、函数回调、内存管理、数据保存、Csv文件读取。介绍Lua、有限状态机启蒙知识和应用。分享基于Cocos2d-X的...
Cocos2dx Lua开发的核心技术。本书从Lua语言基础开始,全面介绍了Cocos2dx Lua的基础知识、基本应用和高级编程技术,并最终介绍了游戏的实战开发。全书贯穿理论结合实践的编写方式,各个章节都提供了配套实例。
Cocos2dx Lua开发的核心技术。本书从Lua语言基础开始,全面介绍了Cocos2dx Lua的基础知识、基本应用和高级编程技术,并最终介绍了游戏的实战开发。全书贯穿理论结合实践的编写方式,各个章节都提供了配套实例。
x的核心类CCDirector、CCScene、CCNode、CCLayer、CCSprite、CCAction等,通过案例来介绍Cocos2d-x的场景、图层、交互、动作、动画、粒子效果、游戏地图、物理引擎,并详细介绍了Cocos2d-x 2.2.1版本中所有自带Demo...
cocos2d-Lua示例demo源码踩虫子-MOD美国大兵
基于cocos2d-x 3.8 开发的愤怒的小鸟实例 ,希望能帮助到需要的人
cocos2dx 核心编程配套代码,提供各种api的练习和参考
手机游戏,可以写在C++或者Lua中,使用API是Cocos2d-iPhone完全兼容。Cocos2d-x项目可以很容易地建立和运行在iOS,Android,黑莓Blackberry等操作系统中。Cocos2d-x还支持Windows、Mac和Linux等桌面操作系统,因此,...
主要介绍了Cocos2d-x UI开发之CCControlSwitch控件类使用实例,本文代码中含大量注释讲解了CCControlSwitch控件类的使用,需要的朋友可以参考下
CCLayerColor层的使用方法,写的详细了一些,和上篇文章基本差不多的(查看CCLayer的更多介绍),只不过这次HelloWorld继承自CCLayerColor。 bool HelloWorld::init() { bool bRet = false; do { //ccc4这个...
此cocos2d的lua代码搓牌和网上的有些差别。网上一大堆安卓lua代码搓牌,但是都有一个问题。ios上运行就会崩溃。但是我这个代码彻底解决ios崩溃问题。完美运行。具体在initCardVertex()函数里面。
cocos2dx 3.1.1 ProgressTimer游戏进度条实例(C++) 进度条,在游戏中是一个很常用的好东东,哈哈.该实例是cocos2dx 3.1.1 c++环境下的, 图片素材是我自己网上找的,然后再ps滴,练习而已凑合着用吧~ 代码注释还是比较...