• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Cocos2d-xLua中实例:帧动画使用

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

 

下面我们通过一个实例介绍一下帧动画的使用,这个实例如下图所示,点击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()停止所有的动作。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Lua语法基础(2)--基本语法、函数发布时间:2022-07-22
下一篇:
关于luatable表发布时间:2022-07-22
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap