cocos2d-x学习笔记04:简单动画
2012-01-07 12:25
453 查看
cocos2d-x学习笔记04:简单动画
本文主要展示了cocos2dx的动画实例代码,该例子在Test的SpriteTest中。我将其单独抽出来。
需要说明的是:因为cocos2d-x是通用游戏引擎,为了保证兼容性和易用性,对动画机制作了最简单的设计(被做成了一个action)。但代价就是绘制动画的代码可能比较多,如果在实际开发中,一般都要选择自己封装。
这里只给出最基本的动画代码,具体使用要根据实际情况自己封装。最好自己开发一个编辑器。额外说一句,开发编辑器最好使用Qt,因为是跨平台的。
我们随便找一张动画资源图片,在66RPG里有很多,如图:
#1 动画代码
注意,cocos2dx不支持使用clip的动画,另外,clip动画的开发成本很高,在智能手机这种大内存的平台是否适用(牺牲内存换开发速度么?),值得商量。
绘制效果如图:
#2 相关的类关系图
简单过程是,使用CCTexture2D加载图片 ,用CCTexture2D生成对应的CCSpriteFrame(对应的就是帧),将CCSpriteFrame添加到CCAnimation生成动画数据,用CCAnimation生成CCAnimate(就是最终的动画动作),最后用CCSprite执行这个动作。
参考资料:
cocos2dx test
《cocos2d架构简介》
本文主要展示了cocos2dx的动画实例代码,该例子在Test的SpriteTest中。我将其单独抽出来。
需要说明的是:因为cocos2d-x是通用游戏引擎,为了保证兼容性和易用性,对动画机制作了最简单的设计(被做成了一个action)。但代价就是绘制动画的代码可能比较多,如果在实际开发中,一般都要选择自己封装。
这里只给出最基本的动画代码,具体使用要根据实际情况自己封装。最好自己开发一个编辑器。额外说一句,开发编辑器最好使用Qt,因为是跨平台的。
我们随便找一张动画资源图片,在66RPG里有很多,如图:
#1 动画代码
CCSize s = CCDirector::sharedDirector()->getWinSize(); //#1:生成动画需要的数据类 CCTexture2D *texture=CCTextureCache::sharedTextureCache()->addImage("pic2476.png"); CCSpriteFrame *frame0=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*0, 48*0, 32, 48)); CCSpriteFrame *frame1=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*1, 48*0, 32, 48)); CCSpriteFrame *frame2=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*2, 48*0, 32, 48)); CCSpriteFrame *frame3=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*3, 48*0, 32, 48)); CCMutableArray<CCSpriteFrame*> *animFrames = new CCMutableArray<CCSpriteFrame*>(4); animFrames->addObject(frame0); animFrames->addObject(frame1); animFrames->addObject(frame2); animFrames->addObject(frame3); CCAnimation *animation = CCAnimation::animationWithFrames(animFrames, 0.2f); animFrames->release(); //#2:初始化并设置Sprite CCSprite *sprite = CCSprite::spriteWithSpriteFrame(frame0);//设置一个初始frame sprite->setPosition( ccp( s.width/2, s.height/2) ); addChild(sprite); //#3:使用animation生成一个动画动作animate CCAnimate *animate = CCAnimate::actionWithAnimation(animation, false); sprite->runAction(CCRepeatForever::actionWithAction(animate));//重复播放
注意,cocos2dx不支持使用clip的动画,另外,clip动画的开发成本很高,在智能手机这种大内存的平台是否适用(牺牲内存换开发速度么?),值得商量。
绘制效果如图:
#2 相关的类关系图
简单过程是,使用CCTexture2D加载图片 ,用CCTexture2D生成对应的CCSpriteFrame(对应的就是帧),将CCSpriteFrame添加到CCAnimation生成动画数据,用CCAnimation生成CCAnimate(就是最终的动画动作),最后用CCSprite执行这个动作。
参考资料:
cocos2dx test
《cocos2d架构简介》
相关文章推荐
- cocos2d-x学习笔记04:简单动画
- cocos2d-x学习笔记04:简单动画
- cocos2d-x 2.0 学习笔记--简单动画
- cocos2d-x学习笔记1:简单动画
- 五毛的cocos2d-x学习笔记04-触摸点
- 【Cocos2d-X开发学习笔记】第21期:动画类(CCAnimate)的使用
- cocos2d-x 3.1.1 学习笔记[12] Armaturev 骨骼动画
- cocos2d-x 菜鸟学习笔记十四(简单的碰撞检测 进阶篇)
- 【Cocos2d-x 3.0学习笔记】动作,动画
- cocos2d-x学习笔记04——生成andriod的apk
- cocos2d-x2.0.4 Animation简单动画学习
- 地球人己阻止不了程序猿们学习cocos2d-x了-学习笔记04
- Cocos2d-x学习笔记之动画的处理
- cocos2d-x学习笔记(17)--简单游戏实例1--双枪手
- cocos2d-x 菜鸟学习笔记十六(简单的碰撞检测 实践篇 中)
- cocos2d-x学习笔记-帧动画
- 三种动画的简单用法——学习笔记
- cocos2d-x 3.1.1 学习笔记[7]Action progress 不仅仅是可以做cd的动画
- cocos2d-x 学习笔记(3)cocos2d-x 创建基本控件 及小动画
- cocos2d学习记录(四)-简单动画