Cocos2d-x Lua中实例:帧动画使用
2015-05-24 19:11
465 查看
下面我们通过一个实例介绍一下帧动画的使用,这个实例如下图所示,点击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 Lua中实例:帧动画使用
- Cocos2d-x Lua中实例:帧动画使用
- cocos2d中对于图片动画加载缓存的使用——lua
- Cocos2d-x开发实例介绍帧动画使用
- Cocos2d-x lua 使用Cocos Studio导出的动画
- Cocos2d-x开发实例介绍帧动画使用
- Cocos2d-x 3.2 lua飞机大战开发实例(一)背景地图,飞机,子弹的封装,以及lua中定时器的使用
- cocos2d-x骨骼动画使用实例
- Mac下使用Cocos2d-x Lua加载Cocos Studio到处的Json文件和动画
- Cocos2d-x lua 使用Cocos Studio导出的动画
- Cocos2d-lua Animation详解:从单个png图集到使用帧动画
- Cocos2d-x学习笔记之CCLayerColor层的使用实例
- lua中类的属性是table时,多个类的实例使用了同一个table属性
- cocos2d-x lua 使用自定义消息EventCustom
- 使用Cocos2d-lua开发植物大战僵尸06-僵尸类的实现
- 在cocos2d-x中使用LUA
- cocos2d_x+lua【4.2】 ——ScollView的使用
- Android动画学习(三)之使用ValueAnimator和ObjectAnimator实现动画实例
- 转载+自练(莫喷)如何在cocos2d 2.1.4里面使用动画和Texture Packer
- Cocos2d-x使用Luajit将Lua脚本编译为bytecode,从而实现加密