Cocos2d-x 系统动画

最新推荐文章于 2021-07-03 20:40:50 发布
最新推荐文章于 2021-07-03 20:40:50 发布
阅读量1k 收藏
点赞数
分类专栏： cocos2d-x
出处： http://blog.csdn.net/zhy_cheng/article/details/8271154

Cocos2d-x提供的动画主要是瞬时动画和延时动画。

瞬时动作就是不需要时间，马上就完成的动作。瞬时动作的共同基类是CCActionInstant。

延时动作就是指动作的完成需要一段时间。因此，几乎所有的延时动作都使用执行时间作为第一个参数，它们有着共同的基类CCActionInterval。


1.瞬时动画
我实现x翻转和y翻转
原图
使用下面的代码实现x和y翻转
[cpp] view plain copy print ?
  1. CCSprite *s=CCSprite::create("iconccc.png");//创建精灵
  2. s->setPosition(ccp(200,200));//设置位置
  3. addChild(s);//添加
  5. CCActionInstant *ix=CCFlipX::actionWithFlipX(1);//x翻转
  6. CCActionInstant *iy=CCFlipY::actionWithFlipY(1);//y翻转
  7. s->runAction(ix);//运行
  8. s->runAction(iy); 
		CCSprite *s=CCSprite::create("iconccc.png");//创建精灵
		s->setPosition(ccp(200,200));//设置位置
		addChild(s);//添加

		CCActionInstant *ix=CCFlipX::actionWithFlipX(1);//x翻转
		CCActionInstant *iy=CCFlipY::actionWithFlipY(1);//y翻转
		s->runAction(ix);//运行
		s->runAction(iy);
运行效果：

2.延时动画

这里有一个简单的类命名规则：
CCXxxxTo - 绝对动作，执行的结果与当前的状态关系不密切；
CCXxxxBy - 相对动作，在当前的状态上执行某种动作，执行的结果与当前状态是紧密相关的。

移动到 - CCMoveTo
移动 - CCMoveBy
跳跃到 - CCJumpTo
参数为终点位置、跳跃高度和跳跃次数。
跳跃 - CCJumpBy
贝赛尔曲线 - CCBezierBy
支持三次贝赛尔曲线：P0-起点，P1-起点切线方向，P2-终点切线方向，P3-终点。



首先设置贝塞尔参数，然后执行。
放大到 - CCScaleTo
放大 - CCScaleBy
如果参数为小数，那就是缩小了。
旋转到 - CCRotateTo
旋转 - CCRotateBy
闪烁 - CCBlink
色调变化到 - CCTintTo
色调变换 - CCTintBy
变暗到 - CCFadeTo
由无变亮 - CCFadeIn
由亮变无 - CCFadeOut


[cpp] view plain copy print ?
  1. CCActionInterval *ac=CCRotateBy::actionWithDuration(2,270);
  2. s->runAction(ac); 
		CCActionInterval *ac=CCRotateBy::actionWithDuration(2,270);
		s->runAction(ac);

旋转270度。


还有一些组合动画

CCsequence

序列的使用非常简单，该类从CCActionInterval派生，本身就可以被CCNode对象执行。该类的作用就是线性排列若干个动作，然后按先后次序逐个执行。
[cpp] view plain copy print ?
  1. CCActionInterval *ac=CCRotateBy::actionWithDuration(2,270);
  2. CCActionInterval *bc=CCBlink::actionWithDuration(3,10);
  3. CCActionInterval *mc=CCMoveTo::actionWithDuration(2,CCPoint(300,200));
  4. CCActionInterval *jc=CCJumpTo::actionWithDuration(3,CCPoint(400,400),20,4);
  5. CCFiniteTimeAction *se=CCSequence::actions(ac,bc,mc,jc,NULL);
  7. s->runAction(se); 
		CCActionInterval *ac=CCRotateBy::actionWithDuration(2,270);
		CCActionInterval *bc=CCBlink::actionWithDuration(3,10);
		CCActionInterval *mc=CCMoveTo::actionWithDuration(2,CCPoint(300,200));
		CCActionInterval *jc=CCJumpTo::actionWithDuration(3,CCPoint(400,400),20,4);
		CCFiniteTimeAction *se=CCSequence::actions(ac,bc,mc,jc,NULL);

		s->runAction(se);

上面的代码一次执行。

CCSpawn
要求动作本身是可以同时执行的，比如：移动式翻转、变色、缩放等。需要特别注意的是，同步执行最后完成的时间由基本动作中用时最大者决定。
[cpp] view plain copy print ?
  1. CCActionInterval *ac=CCRotateBy::actionWithDuration(2,270);
  2. CCActionInterval *sc=CCScaleBy::actionWithDuration(2,2,2);
  3. CCFiniteTimeAction *se=CCSpawn::actions(ac,sc,NULL);
  5. s->runAction(se); 
		CCActionInterval *ac=CCRotateBy::actionWithDuration(2,270);
		CCActionInterval *sc=CCScaleBy::actionWithDuration(2,2,2);
		CCFiniteTimeAction *se=CCSpawn::actions(ac,sc,NULL);

		s->runAction(se);

上面的动画同时执行。

CCRepeat
CCRepeat用来将某一动作重复有限次数
[cpp] view plain copy print ?
  1. CCActionInterval *sc=CCScaleBy::actionWithDuration(2,2,2);
  2. CCFiniteTimeAction *se=CCSpawn::actions(ac,sc,NULL);
  3. CCActionInterval *rc=CCRepeat::actionWithAction(se,4); 
		CCActionInterval *sc=CCScaleBy::actionWithDuration(2,2,2);
		CCFiniteTimeAction *se=CCSpawn::actions(ac,sc,NULL);
		CCActionInterval *rc=CCRepeat::actionWithAction(se,4);

上面的代码执行四次

Reverse
动作就是反向（逆向）执行某个动作，支持针对动作序列的反动作序列。反动作不是一个专门的类，而是CCFiniteTimeAction引入的一个接口。不是所有的类都支持反动作，CCXxxxTo类通常不支持反动作，而CCXxxxBy类通常支持，示例如下：
[cpp] view plain copy print ?
  1. CCActionInterval *ac=CCRotateBy::actionWithDuration(2,270);
  2. CCActionInterval *sc=CCScaleBy::actionWithDuration(2,2,2);
  3. CCFiniteTimeAction *se=CCSpawn::actions(ac,sc,NULL);
  4. CCFiniteTimeAction *rrc=se->reverse();
  5. CCFiniteTimeAction *lc=CCSequence::actions(se,rrc,NULL); 
		CCActionInterval *ac=CCRotateBy::actionWithDuration(2,270);
		CCActionInterval *sc=CCScaleBy::actionWithDuration(2,2,2);
		CCFiniteTimeAction *se=CCSpawn::actions(ac,sc,NULL);
		CCFiniteTimeAction *rrc=se->reverse();
		CCFiniteTimeAction *lc=CCSequence::actions(se,rrc,NULL);

上面的动画将还原。

CCDelayTime
通过CCDelayTime，我们可以在动作序列中增加一个时间间歇。
[cpp] view plain copy print ?
  1. CCActionInterval *ac=CCRotateBy::actionWithDuration(2,270);
  2. CCActionInterval *sc=CCScaleBy::actionWithDuration(2,2,2);
  3. CCFiniteTimeAction *se=CCSpawn::actions(ac,sc,NULL);
  4. CCFiniteTimeAction *rrc=se->reverse();
  5. CCFiniteTimeAction *lc=CCSequence::actions(se,CCDelayTime::actionWithDuration(3),rrc,NULL); 
		CCActionInterval *ac=CCRotateBy::actionWithDuration(2,270);
		CCActionInterval *sc=CCScaleBy::actionWithDuration(2,2,2);
		CCFiniteTimeAction *se=CCSpawn::actions(ac,sc,NULL);
		CCFiniteTimeAction *rrc=se->reverse();
		CCFiniteTimeAction *lc=CCSequence::actions(se,CCDelayTime::actionWithDuration(3),rrc,NULL);


CCCallFunc
在运行过程中还可以增加函数调用
函数无返回值，无参数
[cpp] view plain copy print ?
  1. CCActionInterval *ac=CCRotateBy::actionWithDuration(2,270);
  2. CCActionInterval *sc=CCScaleBy::actionWithDuration(2,2,2);
  3. CCFiniteTimeAction *se=CCSpawn::actions(ac,sc,NULL);
  4. CCFiniteTimeAction *rrc=se->reverse();
  5. CCFiniteTimeAction *func=CCCallFunc::actionWithTarget(this,callfunc_selector(HelloWorld::backFunc));
  6. CCFiniteTimeAction *lc=CCSequence::actions(se,func,CCDelayTime::actionWithDuration(3),rrc,NULL); 
		CCActionInterval *ac=CCRotateBy::actionWithDuration(2,270);
		CCActionInterval *sc=CCScaleBy::actionWithDuration(2,2,2);
		CCFiniteTimeAction *se=CCSpawn::actions(ac,sc,NULL);
		CCFiniteTimeAction *rrc=se->reverse();
		CCFiniteTimeAction *func=CCCallFunc::actionWithTarget(this,callfunc_selector(HelloWorld::backFunc));
		CCFiniteTimeAction *lc=CCSequence::actions(se,func,CCDelayTime::actionWithDuration(3),rrc,NULL);

在se动画运行完了之后调用函数。

CCCallFuncN

函数无返回值，有一个CCNode*的指针

[cpp] view plain copy print ?
  1. CCSprite *s=CCSprite::create("sprite.png");
  2. s->setPosition(ccp(0,0));
  3. addChild(s);
  5. CCActionInterval *move=CCMoveBy::create(3,ccp(450,290));
  6. CCFiniteTimeAction *fn=CCCallFuncN::actionWithTarget(this,callfuncN_selector(HelloWorld::funcN));
  7. CCFiniteTimeAction *a=CCSequence::actions(move,fn,NULL);
  9. s->runAction(a); 
		CCSprite *s=CCSprite::create("sprite.png");
		s->setPosition(ccp(0,0));
		addChild(s);

		CCActionInterval *move=CCMoveBy::create(3,ccp(450,290));
		CCFiniteTimeAction *fn=CCCallFuncN::actionWithTarget(this,callfuncN_selector(HelloWorld::funcN));
		CCFiniteTimeAction *a=CCSequence::actions(move,fn,NULL);

		s->runAction(a);


回调函数是

[cpp] view plain copy print ?
  1. void HelloWorld::funcN(CCNode *pSender)
  2. {
  3. CCLog("funcN");
  4. CCSprite *s=(CCSprite*)pSender;
  5. CCLog("x=%f,y=%f",s->getPosition().x,s->getPosition().y);
  6. } 
void HelloWorld::funcN(CCNode *pSender)
{
	CCLog("funcN");
	CCSprite *s=(CCSprite*)pSender;
	CCLog("x=%f,y=%f",s->getPosition().x,s->getPosition().y);
}


通过测试，传递进来的pSender其实是运行该函数的精灵的指针。

CCCallFuncND

在调用这个函数的时候，可以传递一个void*的参数

如下使用：

[cpp] view plain copy print ?
  1. CCSprite *s=CCSprite::create("sprite.png");
  2. s->setPosition(ccp(0,0));
  3. addChild(s);
  5. CCActionInterval *move=CCMoveBy::create(3,ccp(450,290));
  6. CCFiniteTimeAction *fn=CCCallFuncND::actionWithTarget(this,callfuncND_selector(HelloWorld::funcN),(void*)7);
  7. CCFiniteTimeAction *a=CCSequence::actions(move,fn,NULL);
  9. s->runAction(a); 
		CCSprite *s=CCSprite::create("sprite.png");
		s->setPosition(ccp(0,0));
		addChild(s);

		CCActionInterval *move=CCMoveBy::create(3,ccp(450,290));
		CCFiniteTimeAction *fn=CCCallFuncND::actionWithTarget(this,callfuncND_selector(HelloWorld::funcN),(void*)7);
		CCFiniteTimeAction *a=CCSequence::actions(move,fn,NULL);

		s->runAction(a);


回调函数是：

[cpp] view plain copy print ?
  1. void HelloWorld::funcN(CCNode *pSender,void* data)
  2. {
  3. CCLog("funcN");
  4. CCSprite *s=(CCSprite*)pSender;
  5. CCLog("x=%f,y=%f,*data=%d",s->getPosition().x,s->getPosition().y,int(data));
  6. } 
void HelloWorld::funcN(CCNode *pSender,void* data)
{
	CCLog("funcN");
	CCSprite *s=(CCSprite*)pSender;
	CCLog("x=%f,y=%f,*data=%d",s->getPosition().x,s->getPosition().y,int(data));
}


这样可以获得传递过来的数据。

CCCallFuncO

这个函数与CCCallFuncN差不多，只不过回调函数的参数是CCObject*类型。

gf771115
关注
专栏目录
cocos2d-x动画资源
04-03
cocos2d-x的动画资源素材，在cocos2d-x中添加如下代码使用： //动画 //创建一个缓存 auto cache = SpriteFrameCache::getInstance(); //先把图片读入内存 cache->addSpriteFramesWithFile("anim.plist"); char name[15]; memset(name,0,15); //创建动画需要读入每一帧的资源名字 Vector<SpriteFrame*> vec; for(int i=0;i<40;i++){ sprintf(name,"animd",i); vec.pushBack(cache->getSpriteFrameByName(name)); } //指定动画源和每一帧时间 Animation *animation = Animation::createWithSpriteFrames(vec,0.1f); Animate *animate = Animate::create(animation); auto sprite = Sprite::create(); addChild(sprite); sprite->setPosition(200,200); sprite->runAction(RepeatForever::create(animate));
【Cocos2d-x游戏引擎开发笔记(4)】系统动画
卡尔
12-07 9887
原创文章，转载请注明出处：http://blog.csdn.net/zhy_cheng/article/details/8271154 Cocos2d-x提供的动画主要是瞬时动画和延时动画。 瞬时动作就是不需要时间，马上就完成的动作。瞬时动作的共同基类是CCActionInstant。 延时动作就是指动作的完成需要一段时间。因此，几乎所有的延时动作都使用执行时间作为第一个参数，它们有着共
cocos2d-x3.2中的动画系统
weixin_33744141的博客
11-20 122
auto sp=Sprite::create();/定义一个空的图片精灵//定义图片的每一帧vector<SpriteFrame *>allFramefor(int i=1;i<7;i++)// i是图片{SpriteFram *sf=SpriteFrame::cerate(StringUtils::format("放的图片地址"，i).c_str(),R...
cocos2d-x 动画
万里独行
04-08 1043
Cocos2d-x学习笔记之动画的处理 第一步解析plist文件，这个可以调用函数实现，加载为动画缓存（animationCache） #include"core/boy.h" #include "cocos2d.h" #include "core/Singleton.h" using namespace cocos2d; struct ObjectAnima
Cocos2D-x(4)——动画
weixin_30497527的博客
05-25 88
1. Cocos2d-x中动画相关的类。 1.1 精灵帧类CCSpriteFrame，表示精灵动画中的一帧，通常由贴图定义。 1.2 精灵缓存类CCSpriteFrameCache，用于缓存精灵帧以提高效率，是单实例模式，所有精灵共享同一个缓存类实例。通过CCSpriteFrameCache::sharedSpriteFrameCache()获得。 1.3 动画帧类CCAnimationFr...
cocos2d-x-3.1.zip
11-02
3. **渲染引擎**：Cocos2d-x 3.1包含了强大的2D渲染引擎，能够处理精灵（Sprites）、纹理（Textures）、动画（Animations）、粒子系统（Particle Systems）等图形元素。 4. **场景管理**：使用Scene类来管理游戏的...
cocos2d-x-3.13.1 spine3.6.zip
04-21
在3.13.1版本中，Cocos2d-x对Spine动画引擎的集成进行了更新，这是一项重要的改进，极大地提升了2D游戏中的角色动画表现力。 Spine是一款强大的骨骼动画工具，特别适合于制作2D游戏中的角色动画。它的3.6版本引入了...
经典版本 方便下载 源码 旧版本 3.8 官网找不到了 cocos2d-x-3.8.zip
03-14
4. **Action系统**：cocos2d-x的动作系统允许开发者轻松实现物体的移动、旋转、缩放等效果，极大地简化了动画制作。 5. **Scene和Layer**：通过Scene和Layer的概念，可以组织游戏的场景和层次结构，方便管理游戏...
GifAnimation:实现将gif图片转换为cocos2d-x帧动画
06-21
在cocos2d-x游戏开发中，有时我们需要将动态的GIF图像集成到游戏中，以创建生动有趣的动画效果。GifAnimation项目就是为了解决这个问题，它提供了将GIF图片转换为cocos2d-x帧动画的功能，并且支持cocos2d-x 3.0及...
cocos2d-x-3.13.1.zip
04-21
cocos2d-x 是一个开源的游戏开发框架，广泛应用于跨平台2D游戏的开发，支持iOS、Android、Windows等操作系统。它的3.13.1版本是一个重要的里程碑，提供了诸多改进和优化，使得开发者能够更高效地构建游戏。 一、...
cocos2d-x动画(转)
zhangatm的博客
09-11 279
01     //使用 plist 的动画 02     CCSpriteFrameCache *sfcache = CCSpriteFrameCache::sharedSpriteFrameCache(); 03     sfcache->addSpriteFramesWithFile("yy/yy.plist"); 04   05     CCMutableArray *an
cocos2d-x中各种动画的实现
梵高先生玩程序
10-14 1238
瞬时动作：瞬时动作的基类是InstantAction 1、放置位置  CGPoint p = ccp(width,height);   [sprite runAction:[CCPlace actionWithPosition:p]];  2、隐藏  [sprite runAction:[CCHide action]]; 3、显示  [sprite runAction:[CCShow
Cocos2d-x 动画
Wlk1229
03-12 4071
Cocos2d-x动画 声明：本文分析的是cocos2d-x-3.12的代码 游戏中动画可以分为两类，帧动画和骨骼动画。帧动画由一张一张的完整的动画图片组成，骨骼动画由一张张分散的局部动画“拼凑”而成，动作由一个配置文件控制。cocos2d支持这两种动画。   帧动画 Cocos将帧动画设置成一个延时动作（IntervalAction），精灵Sprite只需要运行一个动作就可以显示帧动画...
Cocos2D-X 动画与特效
qq_29003363的博客
07-03 346
1.动画 1.先实例化一个动画类 2.向这个动画类添加帧图片 3.设置这个动画类的属性 4.将动画转换为动作 5.运行动作 代码示例: Animation* Animation_1 = Animation::create(); for (size_t i = 0; i <= 15; i++) { char str[128]; sprintf_s(str, "WuGui\\wugui_%d.png", i); Animation_1->addSpriteFrameWithFileName(
cocos2d-x动画制作（cocos2d-x2.1）
—— 然 之
02-28 3516
本博客参考资料：http://www.raywenderlich.com/1271/how-to-use-animations-and-sprite-sheets-in-cocos2d 预备 用到的图片下载 TexturePacker是资源打包器，将资源打包，一起载入到游戏既方便又可以提升性能。 将下载好的图片解压缩，然后拖入到TexturePackerGUI的右边Sprites窗
cocos2d-x基本知识点(7):动画
yangchuankai's blog
09-15 728
动画类CCAnimate也是一种动作，要实现
Cocos2d-x能够实现的动画效果
月蚀工作室的主页
05-08 2533
Cocos2d-x能够实现的效果总结  (2013-09-03 15:41:47) 转载▼ 标签：  cocos2d-x   效果   actions   transitions   动作（Actions） move移动：moveto/moveby 从一个位置移动到另外一个位置 从一个位置移动多少数量级
《我所理解的cocos2dx》第十四章 动画系统
笃笃前行的专栏
02-06 121
《我所理解的cocos2dx》第十四章 动画系统混合着色器 基本上所有动画系统基于线性插值来计算 混合着色器
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值