您的位置:首页 > 移动开发 > Cocos引擎

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

2012-01-07 12:25 453 查看
cocos2d-x学习笔记04:简单动画

本文主要展示了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 简单动画