文档章节

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

智捷课堂
 智捷课堂
发布于 2015/05/24 19:26
字数 701
阅读 179
收藏 2

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

帧动画实例

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

[html] view plaincopy

  1. local isPlaying = false -- 播放标识                                                                                                      ①  

  2. local size =cc.Director:getInstance():getWinSize()  

  3.    

  4. … …  

  5.    

  6. -- create layer  

  7. function GameScene:createLayer()  

  8.    

  9.    local layer = cc.Layer:create()  

  10.    

  11.    local spriteFrame  = cc.SpriteFrameCache:getInstance()  

  12.    spriteFrame:addSpriteFramesWithFile("run.plist")  

  13.    

  14.    local bg =cc.Sprite:createWithSpriteFrameName("background.png")  

  15.    bg:setPosition(cc.p(size.width/2, size.height/2))  

  16.    layer:addChild(bg)  

  17.    

  18.    local sprite = cc.Sprite:createWithSpriteFrameName("h1.png")  

  19.    sprite:setPosition(cc.p(size.width/2, size.height/2))  

  20.    layer:addChild(sprite)  

  21.    

  22.    --toggle菜单  

  23.    local goSprite = cc.Sprite:createWithSpriteFrameName("go.png")  

  24.    local stopSprite = cc.Sprite:createWithSpriteFrameName("stop.png")  

  25.    

  26.    local goToggleMenuItem = cc.MenuItemSprite:create(goSprite, goSprite)  

  27.    local stopToggleMenuItem = cc.MenuItemSprite:create(stopSprite,stopSprite)  

  28.    local toggleMenuItem = cc.MenuItemToggle:create(goToggleMenuItem,  

  29.                                                                              stopToggleMenuItem)  

  30.    toggleMenuItem:setPosition(cc.Director:getInstance():convertToGL(cc.p(930,540)))  

  31.    

  32.    local mn = cc.Menu:create(toggleMenuItem)  

  33.    mn:setPosition(cc.p(0, 0))  

  34.    layer:addChild(mn)  

  35.    

  36.    local function OnAction(menuItemSender)  

  37.    

  38.        if not isPlaying then  

  39.    

  40.             --///////////////动画开始//////////////////////  

  41.             local animation =cc.Animation:create()                                                                         ②  

  42.             for i=1,4 do  

  43.                 local frameName =string.format("h%d.png",i)                                                       ③  

  44.                 cclog("frameName =%s",frameName)  

  45.                 local spriteFrame = spriteFrame:getSpriteFrameByName(frameName)               ④  

  46.                animation:addSpriteFrame(spriteFrame)                                                                 ⑤  

  47.             end  

  48.    

  49.            animation:setDelayPerUnit(0.15)          --设置两个帧播放时间                      ⑥  

  50.            animation:setRestoreOriginalFrame(true)    --动画执行后还原初始状态           ⑦  

  51.    

  52.             local action =cc.Animate:create(animation)                                                         ⑧  

  53.             sprite:runAction(cc.RepeatForever:create(action))                                                       ⑨  

  54.             --//////////////////动画结束///////////////////  

  55.             isPlaying = true  

  56.        else  

  57.             sprite:stopAllActions()                                                                                                      ⑩  

  58.             isPlaying = false  

  59.        end  

  60.    end  

  61.    toggleMenuItem:registerScriptTapHandler(OnAction)  

  62.    

  63.    return layer  

  64. end  

  65.    

  66. 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课堂微信公共平台,了解最新技术文章、图书、教程信息


© 著作权归作者所有

智捷课堂

智捷课堂

粉丝 40
博文 239
码字总数 215495
作品 0
东城
私信 提问
Cocos2d-x Lua中帧动画

帧动画就是按一定时间间隔、一定的顺序、一帧一帧地显示帧图片。我们的美工要为精灵的运动绘制每一帧图片,因此帧动画会由很多帧组成,按照一定的顺序切换这些图片就可以了。 在Cocos2d-x L...

智捷课堂
2015/05/22
79
0
Cocos2d-x 3.2.0 正式版发布,新增集成开发环境

Cocos2d-x 3.2.0 正式版发布,从该版本开始你可以使用 3D 骨架动画来创建 3D 形象,你可以让你的 Cocos2d-x 游戏适应 iOS 和 Android 系统;引入新的产品 —— Code IDE,支持 Lua 和 JavaSc...

oschina
2014/07/20
12.5K
23
《Cocos2d-x实战 Lua卷》上线了

感谢大家一直以来的支持! 各大商店均开始销售: 京东:http://item.jd.com/11659697.html 当当:http://product.dangdang.com/23659810.html 《Cocos2d-x实战 Lua卷》源码及样章下载地址: ...

智捷课堂
2015/03/26
211
1
Cocos2d-x Lua中Sprite精灵类

精灵类是Sprite,它的类图如下图所示。 Sprite类图 Sprite类直接继承了Node类,具有Node基本特征。此外,我们还可以看到Sprite类的子类有:PhysicsSprite和Skin。PhysicsSprite是物理引擎精灵...

智捷课堂
2015/05/11
74
0
序列帧动画

简介 Cocos2d-x中,动画的具体内容是依靠精灵显示出来的,为了显示动态图片,我们需要不停切换精灵显示的内容,通过把静态的精灵变为动画播放器从而实现动画效果。动画由帧组成,每一帧都是一...

xinxinitblog
2015/02/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

作为一个(IT)程序员!聊天没有话题?试试这十二种技巧

首先呢?我是一名程序员,经常性和同事没话题。 因为每天都会有自己的任务要做,程序员对于其他行业来说;是相对来说比较忙的。你会经常看到程序员在发呆、调试密密麻麻代码、红色报错发呆;...

小英子wep
今天
15
0
【SpringBoot】产生背景及简介

一、SpringBoot介绍 Spring Boot 是由 Pivotal 团队提供的全新框架,其设计目的是用来简化新 Spring 应用的初始搭建以及开发过程,该框架使用了特定的方式来进行配置,从而使开发人员不再需要...

zw965
今天
5
0
简述并发编程分为三个核心问题:分工、同步、互斥。

总的来说,并发编程可以总结为三个核心问题:分工、同步、互斥。 所谓分工指的是如何高效地拆解任务并分配给线程,而同步指的是线程之间如何协作,互斥则是保证同一时刻只允许一个线程访问共...

dust8080
今天
6
0
OSChina 周四乱弹 —— 当你简历注水但还是找到了工作

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @花间小酌 :#今日歌曲推荐# 分享成龙的单曲《男儿当自强》。 《男儿当自强》- 成龙 手机党少年们想听歌,请使劲儿戳(这里) @hxg2016 :刚在...

小小编辑
今天
3.4K
22
靠写代码赚钱的一些门路

作者 @mezod 译者 @josephchang10 如今,通过自己的代码去赚钱变得越来越简单,不过对很多人来说依然还是很难,因为他们不知道有哪些门路。 今天给大家分享一个精彩的 GitHub 库,这个库整理...

高级农民工
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部