加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

cocos2d-x自学笔记:简单动画

发布时间:2020-12-14 19:05:14 所属栏目:百科 来源:网络整理
导读:需要说明的是:因为 cocos2d-x 是通用游戏引擎,为了保证兼容性和易用性,对动画机制作了最简单的设计(被做成了一个action)。但代价就是绘制动画的代码可能比较多,如果在实际开发中,一般都要选择自己封装。 这里只给出最基本的动画代码,具体使用要根据

需要说明的是:因为cocos2d-x是通用游戏引擎,为了保证兼容性和易用性,对动画机制作了最简单的设计(被做成了一个action)。但代价就是绘制动画的代码可能比较多,如果在实际开发中,一般都要选择自己封装。
这里只给出最基本的动画代码,具体使用要根据实际情况自己封装。最好自己开发一个编辑器。额外说一句,开发编辑器最好使用Qt,因为是跨平台的。如果实在想偷懒的话,也可以去IT在线教育平台当个伸手党什么的。
我们随便找一张动画资源图片,在麦子学院里有很多。


#1 动画代码

1CCSize s =CCDirector::sharedDirector()->getWinSize();

2

3//#1:生成动画需要的数据类

4CCTexture2D*texture=CCTextureCache::sharedTextureCache()->addImage("pic2476.png");

5CCSpriteFrame*frame0=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*0,48*0,32,48));

6CCSpriteFrame*frame1=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*1,48));

7CCSpriteFrame*frame2=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*2,48));

8CCSpriteFrame*frame3=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*3,48));

9

10CCMutableArray<CCSpriteFrame*>*animFrames = new CCMutableArray<CCSpriteFrame*>(4);

11animFrames->addObject(frame0);

12animFrames->addObject(frame1);

13animFrames->addObject(frame2);

14animFrames->addObject(frame3);

15

16CCAnimation *animation =CCAnimation::animationWithFrames(animFrames,0.2f);

17animFrames->release();

18//#2:初始化并设置Sprite

19CCSprite *sprite =CCSprite::spriteWithSpriteFrame(frame0);//设置一个初始frame

20sprite->setPosition( ccp(s.width/2,s.height/2) );

21addChild(sprite);

22

23//#3:使用animation生成一个动画动作animate

24CCAnimate *animate =CCAnimate::actionWithAnimation(animation,false);

25sprite->runAction(CCRepeatForever::actionWithAction(animate));//重复播放

注意,cocos2dx不支持使用clip的动画,另外,clip动画的开发成本很高,在智能手机这种大内存的平台是否适用(牺牲内存换开发速度么?),值得商量。

#2 相关的类关系图

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

(编辑:李大同)

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

    推荐文章
      热点阅读