cocos2d-x自学笔记:简单动画
2014-10-14 15:26
357 查看
需要说明的是:因为cocos2d-x是通用游戏引擎,为了保证兼容性和易用性,对动画机制作了最简单的设计(被做成了一个action)。但代价就是绘制动画的代码可能比较多,如果在实际开发中,一般都要选择自己封装。
这里只给出最基本的动画代码,具体使用要根据实际情况自己封装。最好自己开发一个编辑器。额外说一句,开发编辑器最好使用Qt,因为是跨平台的。如果实在想偷懒的话,也可以去IT在线教育平台当个伸手党什么的。
我们随便找一张动画资源图片,在麦子学院里有很多。
#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执行这个动作。
这里只给出最基本的动画代码,具体使用要根据实际情况自己封装。最好自己开发一个编辑器。额外说一句,开发编辑器最好使用Qt,因为是跨平台的。如果实在想偷懒的话,也可以去IT在线教育平台当个伸手党什么的。
我们随便找一张动画资源图片,在麦子学院里有很多。
#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执行这个动作。
相关文章推荐
- cocos2d-x 2.0 学习笔记--简单动画
- cocos2d-x学习笔记04:简单动画
- cocos2d-x学习笔记04:简单动画
- cocos2d-x学习笔记04:简单动画
- cocos2d-x学习笔记1:简单动画
- 【Cocos2d-x游戏引擎开发笔记(19)】简单数据存储以及抗锯齿
- cocos2d-x初学笔记08:角色动画Animation
- cocos2d-x学习笔记-动画
- 【Cocos2d-x】新手自学(四)最简单的动作效果...
- cocos2d-x 菜鸟学习笔记十四(简单的碰撞检测 进阶篇)
- cocos2d-x学习笔记20:切片动画库编写要点
- cocos2d-x2.0.4 Animation简单动画学习
- cocos2d-x 菜鸟学习笔记十六(简单的碰撞检测 实践篇 中)
- LINQ to SQL 自学笔记(1)-最简单的应用
- cocos2d-x 菜鸟学习笔记五(精灵与动画)
- 「cocos2d-x」动画创建笔记
- [笔记]Cocoa训练营-cocos2d游戏编程篇-动画
- 【Cocos2d-x游戏引擎开发笔记(16)】动画速度的控制
- cocos2d-x学习笔记(二)浅入动画教程。
- 【Cocos2d-x游戏引擎开发笔记(4)】系统动画