cocos2d-x学习笔记04:简单动画

简介:

 cocos2d-x学习笔记04:简单动画
本文主要展示了cocos2dx的动画实例代码,该例子在Test的SpriteTest中。我将其单独抽出来。


需要说明的是:因为cocos2d-x是通用游戏引擎,为了保证兼容性和易用性,对动画机制作了最简单的设计(被做成了一个action)。但代价就是绘制动画的代码可能比较多,如果在实际开发中,一般都要选择自己封装。

这里只给出最基本的动画代码,具体使用要根据实际情况自己封装。最好自己开发一个编辑器。额外说一句,开发编辑器最好使用Qt,因为是跨平台的。

我们随便找一张动画资源图片,在66RPG里有很多,如图:

#1 动画代码

 
  1. CCSize s = CCDirector::sharedDirector()->getWinSize(); 
  2.  
  3. //#1:生成动画需要的数据类 
  4. CCTexture2D *texture=CCTextureCache::sharedTextureCache()->addImage("pic2476.png"); 
  5. CCSpriteFrame *frame0=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*0, 48*0, 32, 48)); 
  6. CCSpriteFrame *frame1=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*1, 48*0, 32, 48)); 
  7. CCSpriteFrame *frame2=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*2, 48*0, 32, 48)); 
  8. CCSpriteFrame *frame3=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*3, 48*0, 32, 48)); 
  9.  
  10. CCMutableArray<CCSpriteFrame*> *animFrames = new CCMutableArray<CCSpriteFrame*>(4); 
  11. animFrames->addObject(frame0); 
  12. animFrames->addObject(frame1); 
  13. animFrames->addObject(frame2); 
  14. animFrames->addObject(frame3); 
  15.  
  16. CCAnimation *animation = CCAnimation::animationWithFrames(animFrames, 0.2f); 
  17. animFrames->release();  
  18. //#2:初始化并设置Sprite 
  19. CCSprite *sprite = CCSprite::spriteWithSpriteFrame(frame0);//设置一个初始frame 
  20. sprite->setPosition( ccp( s.width/2, s.height/2) ); 
  21. addChild(sprite); 
  22.  
  23. //#3:使用animation生成一个动画动作animate 
  24. CCAnimate *animate = CCAnimate::actionWithAnimation(animation, false); 
  25. sprite->runAction(CCRepeatForever::actionWithAction(animate));//重复播放 
 
注意,cocos2dx不支持使用clip的动画,另外,clip动画的开发成本很高,在智能手机这种大内存的平台是否适用(牺牲内存换开发速度么?),值得商量。
绘制效果如图:
 
#2 相关的类关系图

简单过程是,使用 CCTexture2D 加载图片 ,用CCTexture2D生成对应的CCSpriteFrame(对应的就是帧),将 CCSpriteFrame添加到 CCAnimation生成动画数据,用CCAnimation生成CCAnimate(就是最终的动画动作),最后用CCSprite执行这个动作。





 本文转自 老G 51CTO博客,原文链接:http://blog.51cto.com/goldlion/759610,如需转载请自行联系原作者
相关文章
|
27天前
|
Java Android开发
Android开发之使用OpenGL实现翻书动画
本文讲述了如何使用OpenGL实现更平滑、逼真的电子书翻页动画,以解决传统贝塞尔曲线方法存在的卡顿和阴影问题。作者分享了一个改造后的外国代码示例,提供了从前往后和从后往前的翻页效果动图。文章附带了`GlTurnActivity`的Java代码片段,展示如何加载和显示书籍图片。完整工程代码可在作者的GitHub找到:https://github.com/aqi00/note/tree/master/ExmOpenGL。
30 1
Android开发之使用OpenGL实现翻书动画
Cocos2dx Touch事件原理剖析
Cocos2dx Touch事件原理剖析
140 0
|
XML 缓存 数据格式
【Cocos2d-x】Cocos2d-x精灵的性能优化
【Cocos2d-x】Cocos2d-x精灵的性能优化
189 0
|
编解码 Android开发 图形学