Cocos2dx学习笔记10:cocos2dx序列帧动画(1)
首页 > cocos2dx专栏 > cocos2dx学习    作者:闭眼就天黑   2015年9月7日 20:21 星期一   热度:11220°   百度已收录  
时间:2015-9-7 20:21   热度:11220° 

    在cocos2dx里是不支持gif动画的,所以我们无法给精灵设置gif格式的图片。但是如果我们想实现动画效果呢?那么我们就要自己通过大量的静态图来组成播放成动画。

    在cocos2dx里提供了序列帧动画的概念来实现这个功能,动画由帧组成,每一帧都是一个纹理,我们可以使用一个纹理序列来创建动画。

 

首先找一张动图的gif图,这里QQ群里最近动图的逗逼图太多,我就随便找了一张,把图片另存到桌面,打开ps软件,把图片拖进去,这样gif图会被拆分许多的图层。我们把图层一个一个图层的保存成png的静态图,命名为mAnimation1-10,因为这个图片就10个图层,所以就到10。

 

学习笔记10:图1.png

 

保存这样的命名格式的好处是 后面的数字是递增的,而且是可变的,我们可以在编程操作的时候可以用for循环实现数字的增加,而不需要手动增加10个。


1、使用普通方式实现动画
我们使用Animation类描述一个动画,而精灵显示动画的动作则是一个Animate对象。动画动作Animate是精灵显示动画的动作,它由一个动画对象创建,并由精灵执行。

 

学习笔记10:图2.png

 

 

2、使用精灵帧实现动画

上一次精灵创建的时候我们提到过精灵帧

Cocos2dx学习笔记7:精灵(Sprite)http://www.byjth.com/biji/26.html主要用来做动画用,这次我们同样使用TexturePacker工具将我们用的素材进行打包。
打包教程:教你使用TexturePacker工具对素材打包 http://www.byjth.com/tools/29.html
打包好后,我们把生成的plist文件和png图片放到项目里面的资源目录下,这里我是D:\cocos2d-x-3.4\tests\cocosxuexi\Resources文件夹。

学习笔记10:图4.png

学习笔记10:图5.png

 

效果图,看看是不是和gif图一样。

 

学习笔记10:图3.gif 

二维码加载中...
本文作者:闭眼就天黑      文章标题: Cocos2dx学习笔记10:cocos2dx序列帧动画(1)
本文地址:https://www.byjth.com/biji/30.html
版权声明:若无注明,本文皆为“闭眼就天黑专栏_技术博客_个人学习总结”原创,转载请保留文章出处。
相关文章

版权所有:《闭眼就天黑专栏_技术博客_个人学习总结》 => 《Cocos2dx学习笔记10:cocos2dx序列帧动画(1)
本文地址:https://www.byjth.com/biji/30.html
除非注明,文章均为 《闭眼就天黑专栏_技术博客_个人学习总结》 原创,欢迎转载!转载请注明本文地址,谢谢。

返回顶部    首页    手机版本    版权所有:闭眼就天黑专栏_技术博客_个人学习总结
    站长: 闭眼就天黑    搜索cocos2dx主题 技术支持:闭眼就天黑   皖ICP备14007736号-1  

皖公网安备 34132102000107号

   sitemap