登录 注册

cocos2dx基础篇(21)——基本动作CCAction

dexcoder 1年前发布
评论
本文隶属于专题系列： cocos2dx基础篇

【唠叨】

    在电影里，角色的运动就是动作。而在游戏里，动画就是角色的动作了。例如人物走动、跳跃、释放魔法，鸟儿飞翔，车轮滚动等。动作是游戏中不可或缺的重要组成部分，使得游戏更具魅力，变得丰富活力。

    cocos2dx引擎为我们提供了十分丰富的CCAction动作系统。在本节主要讲讲cocos2dx动作系统中最基本的动作。

    本节内容比较多，需要慢慢消化……

【致谢】

    http://gl.paea.cn/contents/fdb2fb923944b2e6.html

【3.x】

    （1）去掉“CC”

    （2）新增了一些动作：（精力有限，新增的动作请自行摸索）

        > EaseBezierAction

        > EaseQuadraticActionIn / Out / InOut

        > EaseQuarticActionIn / Out / InOut

        > EaseQuinticActionIn / Out / InOut

        > EaseCircleActionIn / Out / InOut

        > EaseCubicActionIn / Out / InOut

    （3）CallFunc 的新用法：http://shahdza.blog.51cto.com/2410787/1553051

    （4）其他变化不大。

【CCAction】

    CCAction是所有动作的基类。

    继承关系如下：

wKiom1P-7iiClJuSAACQj8pwumA316.jpg

    而我们主要关注的是CCAction的子类，以及子类的子类。

    （1）CCFiniteTimeAction：与时间相关的的动作类。

         它又可以分为两个子类：

            （A）CCActionInstant：瞬间动作相关的动作类。

            （B）CCActionInterval：持续动作相关的动作类。

    （2）CCFollow：跟随动作类。

    （3）CCSpeed：速度类。

    接下来，将对三大类进行细分讲解。其组织结构如下：

    （0）动作管理

    （1）瞬时动作CCActionInstant

    （2）持续动作CCActionInterval

    （3）函数回调动作CCCallFunc

    （4）组合动作

    （5）可变速动作CCEaseAction

    （6）速度类CCSpeed

    （7）延迟动作CCDelayTime

    （8）跟随动作CCFollow

0、动作管理

    用于管理对象的动作执行。如运行、暂停、停止等。

    常用操作如下： 

//
	sp->runAction("action对象");     //执行
	sp->pauseSchedulerAndActions();  //暂停
	sp->resumeSchedulerAndActions(); //继续
	sp->stopAction("action对象");    //停止对象的某个action动作
	sp->stopActionByTag("tag值");    //停止对象的tag动作
	sp->stopAllActions();            //停止对象的所有动作
//

1、瞬时动作CCActionInstant

    CCActionInstant继承于CCFiniteTimeAction，是一个瞬间执行的动作类。即执行的动作的时间间隔为零。

    使用方法举例： 

//
	//瞬间翻转Y动作
	CCSprite* sp = CCSprite::create("Icon.png");
	CCFlipY* flipY = CCFlipY::create(true); 
	sp->runAction(flipY); 
//

    常用动作如下： 

//
	//翻转
	CCFlipX::create('是否左右翻转bool');
	CCFlipY::create('是否上下翻转bool');
	//设置坐标
	CCPlace::create('位置CCPoint');
	//显示、隐藏
	//即：setVisible()，来设置可见/不可见
	CCShow::create();
	CCHide::create();
	//可见切换
	//即可见变不可见，不可见变可见。
	CCToggleVisibility::create();
//

2、持续动作CCActionInterval

    CCActionInstant继承于CCFiniteTimeAction，是一个持续执行的动作类。也就是说在一段时间间隔里，执行完成某个动作。

    使用方法举例： 

//
	//1.0秒内移动到(200,200)
	CCSprite* sp = CCSprite::create("Icon.png");
	CCMoveTo* moveTo = CCMoveTo::create(1.0f, ccp(200, 200)); 
	sp->runAction(moveTo);
//

    常用动作如下： 

//
/**
 *	关于To和By：
 *		To：绝对动作。
 *		By：相对动作。
 *
 *	如：当前对象的坐标为（20,20）。
 *		CCMoveTo（50,50）后，移动到了（50,50）的位置。
 *		CCMoveBy（50,50）后，则是相对当前坐标进行移动，最后坐标为（70,70）。
 */
/**
 *		移动相关
 */
	//几秒后移动到坐标点
	CCMoveTo::create("时间","坐标");
	CCMoveBy::create("时间","坐标");
	//几秒后经过几次弹跳到指定位置
	CCJumpTo::create("时间","目标位置","高度","到目标所需次数");
	CCJumpBy::create("时间","目标位置","高度","到目标所需次数");
	//几秒内按指定贝塞尔曲线运动
	CCBezierTo::create("时间","ccBezierConfig构造体");
	CCBezierBy::create("时间","ccBezierConfig构造体");
	//几秒内按曲线运动（拟合度0最柔和）
	CCCardinalSplineTo::create("时间","控制点坐标数组","拟合度");
	CCCardinalSplineBy::create("时间","控制点坐标数组","拟合度");
	//几秒内完成一个样条插值轨迹（直线）
	CCCatmullRomTo::create("时间","控制点坐标数组");
	CCCatmullRomBy::create("时间","控制点坐标数组");
	//几秒内球面运动
	CCOrbitCamera::create("时间","起始半径","半径差","起始z角","旋转z角","起始x角","旋转x角");
/**
 *		放缩相关
 */
	//几秒后缩放到指定大小（1：原大小；大于1：放大；小于1：缩小）
	CCScaleTo::create("时间","缩放比例");
	CCScaleBy::create("时间","缩放比例");
/**
 *		旋转相关
 */
	//几秒后旋转多少度，单位：角度
	CCRotateTo::create("时间","角度");
	CCRotateBy::create("时间","角度");
/**
 *		倾斜相关
 */
	//几秒后倾斜指定角度，单位：角度
	CCSkewTo::create("时间","x轴角度","y轴角度");
	CCSkewBy::create("时间","x轴角度","y轴角度");
/**
 *		颜色相关
 */
	//几秒后变为指定RGB颜色，颜色取值[0,255]
	CCTintTo::create("时间","红","绿","蓝");
	CCTintBy::create("时间","红","绿","蓝");
	//设置透明度[0,255]（255为不透明）
	CCFadeIn::create("时间");  //淡入，透明度从0到255
	CCFadeOut::create("时间"); //淡出，透明度从255到0
	CCFadeTo::create(1.0f,80); //透明度转化为指定值
	//几秒内闪烁几次
	CCBlink::create("时间","次数");
//

3、函数回调动作CCCallFunc

    CCCallFunc也是瞬时动作CCActionInstant的子类。它主要有三种函数回调动作类。三种函数回调的区别在于所带的参数个数：0、1、2。 

//
	CCCallFunc::create('对象this', '回调函数');                   //回调函数：不带参数
	CCCallFuncN::create('对象this', '回调函数');                  //回调函数：传递着本身作为参数(CCNode* node)
	CCCallFuncND::create('对象this', '回调函数', '任意参数void'); //回调函数：带2个参数(CCNode* node,void* a)
//

    使用方法： 

//
	//定义函数回调动作
	CCCallFunc* back1 = CCCallFunc::create(this, callfunc_selector(MyLayer::funback1));
	CCCallFuncN* back2 = CCCallFuncN::create(this, callfuncN_selector(MyLayer::funback2));
	CCCallFuncND* back3 = CCCallFuncND::create(this, callfuncND_selector(MyLayer::funback3),(void *)10);
	//回调函数
	void MyLayer::funback1() { ... }                     //CCCallFunc回调函数
	void MyLayer::funback2(CCNode* node) { ... }         //CCCallFuncN回调函数
	void MyLayer::funback3(CCNode* node,void* a) { ... } //CCCallFuncND回调函数
//

4、组合动作

    组合动作，顾名思义，就是将单一的动作组合起来，形成一个更加复杂的动作。

    如在移动的同时又进行旋转，在弹跳后执行函数回调动作等等……

    组合动作的类也是CCActionInterval的子类，主要分为两类：序列动作、重复动作。

    （1）序列动作：执行各个动作的先后顺序。 

//
	CCSpawn::create("action对象1", "action对象2", ..., NULL);    //动作同时执行
	CCSequence::create("action对象1", "action对象2", ..., NULL); //动作按顺序执行
//

    （2）重复动作：重复循环执行某一动作，当然action对象也可以是序列动作。 

//
	CCRepeat::create("action对象","次数"); //重复次数
	CCRepeatForever::create("action对象"); //无限重复
//

    使用方法: 

//
	//每次移动后闪烁3次，重复无限次。
	CCSprite* sp = CCSprite::create("Icon.png");
	CCMoveBy* move = CCMoveBy::create(1.0f, ccp(10, 10));
	CCBlink* blink = CCBlink::create(1.0f, 3);
	CCSequence* seq = CCSequence::create(move, blink, NULL);
	CCRepeatForever* repeatForever = CCRepeatForever::create(seq);
	sp->runAction(repeatForever);
//

5、可变速动作CCEaseAction

    CCEaseAction也是CCActionInterval的子类。此类动作的特点在于动作执行的过程中速度是可以变化的。如：CCMoveTo，可以加速或减速的进行移动，也可以先加速再减速的移动。

    有该类的存在，是因为游戏中有些动作并不是均匀执行的，就像自由落体的球，下落速度会越来越快，而不是匀速下落。所以cocos2dx引擎封装了一些常用的可变速度的类。

    此类速度变化大致可分为三种：

    （1）In   ：   由慢变快。

    （2）Out  ：   由快变慢。

    （3）InOut：   由慢变快，再变慢。

    其中速度的快慢变化是依据物理学上的一些公式进行的。如正弦、指数等等。

    值得注意的是：CCEaseAction变化的是某个持续性动作action动作执行过程中的速度，对于action动作执行的时间依旧是不会改变的。

    常用的如下：

        其中关于CCEaseIn、CCEaseOut、CCEaseInOut的变化有点复杂。具体参照如下文章：

        http://www.cnblogs.com/cocos2d-x/archive/2012/03/15/2398516.html 

//
	//线性变化。
	CCEaseIn::create("action对象", "加速率");     //由慢到快
	CCEaseOut::create("action对象", "加速率");    //由快到慢
	CCEaseInOut::create("action对象", "加速率");  //由慢到快再到慢
	//正弦变化。
	CCEaseSineIn::create("action对象");           //由慢到快
	CCEaseSineOut::create("action对象");          //由快到慢
	CCEaseSineInOut::create("action对象");        //由慢到快再到慢
	//指数变化。速度的变化按指数增长。
	CCEaseExponentialIn::create("action对象");    //缓慢开始
	CCEaseExponentialOut::create("action对象");   //缓慢结束
	CCEaseExponentialInOut::create("action对象"); //缓慢开始并缓慢结束
	//反弹变化。类似球碰到地面，不断落下与反弹。
	CCEaseBounceIn::create("action对象");         //从起点反弹
	CCEaseBounceOut::create("action对象");        //从终点反弹		
	CCEaseBounceInOut::create("action对象");      //起点终点都反弹
	//回力变化。类似拉弓、回力标。
	CCEaseBackIn::create("action对象");           //起点作为回力点
	CCEaseBackOut::create("action对象");          //终点作为回力点
	CCEaseBackInOut::create("action对象");        //起点终点都作为回力点
	//伸缩式变化。
	CCEaseElasticIn::create("action对象");        //起点具有弹性
	CCEaseElasticOut::create("action对象");       //终点具有弹性
	CCEaseElasticInOut::create("action对象");     //起点终点都具有弹性
//

    使用方法： 

//
	CCSprite* sp = CCSprite::create("Icon.png");
	CCMoveBy* moveBy = CCMoveBy::create(5.0f, ccp(300, 300));
	CCEaseExponentialIn* easeMove = CCEaseExponentialIn::create(moveBy);
	sp->runAction(easeMove);
//

6、速度类CCSpeed

    速度类CCSpeed和CCEaseAction没有任何关系。它既不是瞬时动作，也不是持续动作。从继承关系上来看，它直接继承于CCAction。

    它的作用是改变持续动作action执行的速率，这也就改变了动作执行所需的时间。就好比看电影时，觉得剧情放得太慢，就以两倍的速度播放。

    使用方法如下： 

//
	//以5倍速度执行moveBy，执行完动作只需1.0秒。
	CCSprite* sp = CCSprite::create("Icon.png");
	CCMoveBy* moveBy = CCMoveBy::create(5.0f, ccp(300, 300));
	CCSpeed* speed = CCSpeed::create(moveBy, 5.0);
	sp->runAction(speed);
//

7、延迟动作CCDelayTime

    CCDelayTime是CCActionInterval类。它用于序列动作CCSequence中，在两个动作之间增加一个等待的时间段。如：执行完移动动作后，等待3秒，再执行闪烁动作。

    使用方法如下： 

//
	//移动后，等待3秒，再执行闪烁动作
	CCSprite* sp = CCSprite::create("Icon.png");
	CCMoveBy* moveBy = CCMoveBy::create(2.0f, ccp(300, 300));
	CCBlink* blink = CCBlink::create(2.0f, 10);
	CCDelayTime* delay = CCDelayTime::create(3.0);
	CCSequence* seq = CCSequence::create(moveBy, delay, blink, NULL);
	sp->runAction(seq);
//

8、跟随动作CCFollow

    CCFollow也是直接继承CCAction的一个子类。它使得某个CCNode对象能够跟随另一个CCNode对象同步移动。

    就像如下图所示，图层跟精灵图片同步移动。

wKiom1P_UNHiW2hWAApW6Y3K9tg228.gif

    使用方法： 

//
/**
 *		CCFollow::create("跟随的目标对象", "跟随的范围CCRect");
 *		此范围是限制跟随对象的移动区域
 */
	//获得屏幕尺寸
	CCSize mysize = CCDirector::sharedDirector()->getVisibleSize();
	//bg.png尺寸1000*320。作为参照物
	CCSprite* bg = CCSprite::create("bg.png");
	bg->setPosition(CCPointZero);
	bg->setAnchorPoint(CCPointZero);
	this->addChild(bg);
	//创建精灵sp
	CCSprite* sp = CCSprite::create("Icon.png");
	sp->setPosition(ccp(0, 160));
	this->addChild(sp);
	//sp执行移动动作，5秒移动到(1000,160)
	CCMoveTo* moveTo = CCMoveTo::create(5.0f, ccp(1000, 160));
	sp->runAction(moveTo);
	//图层this跟随sp移动，跟随范围1000*320
	CCFollow* follow = CCFollow::create(sp, CCRectMake(0, 0, 1000, 320));
	this->runAction(follow);
//

【代码实战】

    内容太多，请自行实现，可以参考官方TestCpp项目。

    提示：可以多多运用组合动作，将不同的动作组合在一起，可能会有各种神奇的效果。

原文：http://shahdza.blog.51cto.com/2410787/1546343

你可能感兴趣的内容
Git简单入门教程 收藏，4457 浏览
cocos2dx基础篇(1)——Cocos2D-X 和 VS2010 环境配置 收藏，2478 浏览
cocos2dx基础篇(2)——Win32移植到Android 收藏，2294 浏览
0条评论

dexcoder

这家伙太懒了 <(￣ ﹌ ￣)>
Owner