cocos2d-lua3.7组件篇(二)-两帧图片互相跳动

举报
鱼酱 发表于 2022/01/07 00:13:54 2022/01/07
【摘要】 组件:两帧图片互相切换的动画。     实现如下效果:         1.缓存动画对象 2.加载两帧图片   local MenuScene = class("MenuScene", function() return display...

组件:两帧图片互相切换的动画。

 

 

实现如下效果:

 

 

 

 

1.缓存动画对象

2.加载两帧图片

 


  
  1. local MenuScene = class("MenuScene", function()
  2. return display.newScene("MenuScene")
  3. end)
  4. function MenuScene:ctor()
  5. local animate = cc.Animation:create()
  6. animate:addSpriteFrameWithFile("dog.png")
  7. animate:addSpriteFrameWithFile("dog2.png")
  8. animate:setLoops(-1)
  9. animate: setDelayPerUnit(2.8 / 14.0)
  10. display.setAnimationCache("haha",animate)
  11. local btn = ccui.Button:create("button/aaa_N.png", "", "", 0)
  12. :pos(display.cx, 100)
  13. :addTo(self)
  14. --按钮文字
  15. btn:setTitleText("按钮")
  16. --字体颜色
  17. btn:setTitleColor(cc.c3b(255, 255, 255))
  18. --按钮的回调函数
  19. btn:addTouchEventListener(function(sender, eventType)
  20. if (2== eventType) then
  21. local action = cc.Animate:create(display.getAnimationCache("haha"))
  22. local sprite1 = display.newSprite("dog2.png")
  23. :center()
  24. :addTo(self)
  25. :runAction(action)
  26. end
  27. end)
  28. --getAnimationCache
  29. end
  30. function MenuScene:onEnter()
  31. print("enter")
  32. end
  33. function MenuScene:onExit()
  34. end
  35. return MenuScene

 

 

 

 

 

文章来源: yujiang.blog.csdn.net,作者:鱼酱2333,版权归原作者所有,如需转载,请联系作者。

原文链接:yujiang.blog.csdn.net/article/details/78835514

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。