Cocos2d-X使用CCAnimation创建动画

http://blog.csdn.net/u010105970/article/details/40593059

动画在游戏中是非常常见的

程序1：创建一个简单的动画

首先需要在工程目录下的Resource文件夹中放一张有各种不同动作的图片

在程序中添加下面的代码

执行结果：

程序2：有plist文件的动画加载

首先需要在工程目录下的Resource文件夹中放一张有各种不同动作的图片和一个plist文件

plist格式的文件实际上是一个XML文件，文件中的内容

<?xmlversion="1.0"encoding="UTF-8"?>
1. <!DOCTYPEplistPUBLIC"-//AppleComputer//DTDPLIST1.0//EN""http://www.apple.com/DTDs/PropertyList-1.0.dtd">
2. <plistversion="1.0">
3. <dict>
4. <key>frames</key>
5. <key>Boom_1.png</key>
6. <key>frame</key>
7. <string>{{204,305},{99,99}}</string>
8. <key>offset</key>
9. <string>{0,0}</string>
10. <key>rotated</key>
11. <false/>
12. <key>sourceColorRect</key>
13. <string>{{0,0},108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> <key>sourceSize</key>
14. <string>{99,99}</string>
15. </dict>
16. <key>Boom_10.png</key>
17. <dict>
18. <key>frame</key>
19. <string>{{103,307},99}}</string>
20. <key>offset</key>
21. <string>{0,0}</string>
22. <key>rotated</key>
23. <false/>
24. <key>sourceColorRect</key>
25. <string>{{0,248); line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> <key>sourceSize</key>
26. <string>{99,99}</string>
27. </dict>
28. <key>Boom_11.png</key>
29. <string>{{103,206},248); line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> <key>Boom_12.png</key>
30. <string>{{105,2},108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> <key>Boom_13.png</key>
31. <key>Boom_14.png</key>
32. <string>{{2,{101,101}}</string>
33. <string>{101,101}</string>
34. <key>Boom_15.png</key>
35. <string>{{2,408},248); line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> <key>Boom_16.png</key>
36. <key>Boom_17.png</key>
37. <key>Boom_18.png</key>
38. <key>Boom_2.png</key>
39. <key>Boom_3.png</key>
40. <string>{{406,103},108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> <key>Boom_4.png</key>
41. <string>{{305,248); line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> <key>Boom_5.png</key>
42. <string>{{204,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> <key>Boom_6.png</key>
43. <string>{{408,248); line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> <key>Boom_7.png</key>
44. <string>{{307,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> <key>Boom_8.png</key>
45. <string>{{206,248); line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> <key>Boom_9.png</key>
46. <key>metadata</key>
47. <key>format</key>
48. <integer>2</integer>
49. <key>realTextureFileName</key>
50. <string>PFBoom.png</string>
51. <key>size</key>
52. <string>{512,512}</string>
53. <key>textureFileName</key>
54. </plist>

程序代码：

//有plist文件的动画加载
1. boolAnimation::init()
2. CCLayer::init();
3. CCSizewinSize=CCDirector::sharedDirector()->getWinSize();
4. //创建精灵
5. CCSprite*sp=CCSprite::create();
6. sp->setPosition(ccp(winSize.width/2,winSize.height/2));
7. addChild(sp);
8. //精灵放大4倍
9. sp->setScale(4);
10. //创建精灵帧缓存
11. CCSpriteFrameCache*frameCache=CCSpriteFrameCache::sharedSpriteFrameCache();
12. //创建数组
13. //添加Plist文件
14. frameCache->addSpriteFramesWithFile("PFBoom.plist");
15. inti=1;i<=18;i++)
16. charkey[128];
17. //通过名字获取精灵帧所在的图片
18. sprintf(key,"Boom_%d.png",i);
19. //将图片添加到精灵帧中
20. CCSpriteFrame*frame=frameCache->spriteFrameByName(key);
21. //将精灵帧添加到数组中
22. //使用数组创建动画
23. //动画消失
24. CCCallFunc*callfunc=CCCallFunc::create(sp,callfunc_selector(CCSprite::removeFromParent));
25. CCSequence*seq=CCSequence::create(animate,callfunc,NULL);
26. sp->runAction(seq);
27. true;
28. }

执行结果：

程序3：通过鼠标实现动画切换

首先创建一个Animation类

在AnimationPreload.h中添加下面代码

#ifndef__AnimationPreload_H__
1. #define__AnimationPreload_H__
2. #include"cocos2d.h"
3. USING_NS_CC;
4. classAnimationPreload:publicCCLayer
5. public:
6. staticCCScene*scene();
7. boolinit();
8. CREATE_FUNC(AnimationPreload);
9. boolccTouchBegan(CCTouch*,CCEvent*);
10. CCSprite*sp;
11. };
12. #endif

在AnimationPreload.cpp中添加下面的代码

#include"AnimationPreload.h"
1. CCScene*AnimationPreload::scene()
2. AnimationPreload*layer=AnimationPreload::create();
3. boolAnimationPreload::init()
4. //chushihu
5. //获取窗口的大小
6. //(创建纹理)从纹理里扣了10帧frame，组成数组
7. CCArray*arr=CCArray::create();//retain
8. inti=9;i>=0;i--)
9. //创建精灵帧
10. CCSpriteFrame*frame=CCSpriteFrame::createWithTexture(texture,
11. //将精灵帧添加到数组中
12. arr->addObject(frame);
13. //通过数组创建动画
14. CCAnimation*animation=CCAnimation::createWithSpriteFrames(arr,0.05f);
15. //加入到缓存
16. CCAnimationCache::sharedAnimationCache()->addAnimation(animation,"MarioRun");
17. /***************************************************************/
18. /**有plist文件的动画加载**/
19. arr=CCArray::create();
20. //将plist文件添加到精灵帧缓存中
21. //创建动画
22. animation=CCAnimation::createWithSpriteFrames(arr,0); background-color:inherit">//加入到缓存
23. CCAnimationCache::sharedAnimationCache()->addAnimation(animation,"PlaneBOOM");
24. sp=CCSprite::create();
25. //精灵方法4倍
26. //setTouch
27. setTouchEnabled(true);
28. setTouchMode(kCCTouchesOneByOne);
29. boolAnimationPreload::ccTouchBegan(CCTouch*,CCEvent*)
30. sp->stopAllActions();
31. staticinti=1;
32. if(i==1)
33. sp->runAction(CCAnimate::create(
34. CCAnimationCache::sharedAnimationCache()->animationByName("PlaneBOOM")
35. ));
36. else
37. CCAnimationCache::sharedAnimationCache()->animationByName("MarioRun")
38. i=1-i;
39. return0;
40. }

执行结果：

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!