转自:http://blog.csdn.net/ac_huang/article/details/37972017


~~~~我的生活,我的点点滴滴!!


我们简单看看Action的继承树状图:


动作类(Action)是所有动作的基类,它创建的一个对象代表一个动作。动作作用于Node,因此每个动作都需要由Node对象执行。动作类(Action)作为基类,实际上是一个接口,动作类的大多数实现类都派生于有限时间动作类(FiniteTimeAction)。

但是在实际开发中我们通常用到两类动作-即时动作和持续动作,它们均继承于有限时间动作类。


一、即时动作

即时动作是能够立刻完成的动作,这类动作是在下一帧立刻完成的动作,如设定位置、设定缩放等。把它们包装成动作后,可以与其他动作类组合为复杂动作。


下面介绍一些常用即时动作


1、Place

该动作用于将节点放置到某个指定位置,其作用与修改节点的position属性相同。例如,将节点放到屏幕坐标(50,200)处的代码如下:

[cpp] view plain copy
  1. //在Point(50,200)处放一个node
  2. autoplaceAction=Place::create(Point(50,200));
  3. autosprite_1=Sprite::create("role1.png");
  4. //先添加
  5. this->addChild(sprite_1);
  6. //类似于setPosition功能
  7. sprite_1->runAction(placeAction);

相当于把这个精灵放到 (50,200)处。


2、FlipX和FlipY

这两个动作分别用于将精灵沿X轴和Y轴反向显示,其作用与设置精灵的FlipX和FlipY属性相同,将其封装成动作接口是为了便于与其他动作进行组合。

下面代码将一个精灵移动到一端后反向显示再进行移回的动作:

copy
//开启翻转
  • autoflipxAction=FlipX::create(true);
  • //移到Point(400,200),使用2s
  • automoveToActionGo=MoveTo::create(2.0f,Point(300,500));
  • //移到Point(50,50),248); line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important; list-style-position:outside!important"> automoveToActionBack=MoveTo::create(2.0f,Point(50,50));
  • //Sequence是动作序列,以NULL表示参数传入结束
  • autoaction=Sequence::create(moveToActionGo,flipxAction,moveToActionBack,NULL);
  • autosprite_2=Sprite::create("role1.png");
  • this->addChild(sprite_2);
  • sprite_2->runAction(action);

  • 3、Show和Hide

    这两个动作分别用于显示和隐藏节点,其作用与设置节点的visible属性作用一样。例如:为了使精灵完成移动后隐藏起来。

    代码如下:

    copy
    //隐藏
  • autohideAction=Hide::create();
  • //显示
  • autoshowAction=Show::create();
  • //移到Point(100,100),使用1s
  • automoveToAction_1=MoveTo::create(1.0f,Point(100,100));
  • //移到Point(200,248); line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important; list-style-position:outside!important"> automoveToAction_2=MoveTo::create(1.0f,Point(200,0); background-color:inherit">//移到Point(300,300),248); line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important; list-style-position:outside!important"> automoveToAction_3=MoveTo::create(1.0f,300));
  • //Sequence是动作序列,以NULL表示参数传入结束,移到_1后隐藏,移动_2后显示
  • autoaction=Sequence::create(moveToAction_1,hideAction,moveToAction_2,showAction,moveToAction_3,108); list-style-type:decimal-leading-zero; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important; list-style-position:outside!important"> autosprite_3=Sprite::create("role1.png");
  • this->addChild(sprite_3);

  • 4、CallFunc与CallFuncN

    在cocos2dx 3.x版本后CallFunc系列动作只包括CallFunc、CallFuncN两个动作,CallFuncN需要添加一个node节点作为参数,传递给调用函数,他们都是用来在动作中进行方法调用,如在游戏中为了节约内存资源,

    我们可以在动作完成后调用相应函数清理内存等一系列操作。

    在2.x版本中的CallFuncND 和 CallFuncO 都可以通过 CallFunc 和 CallFuncN 进行实现。

    4.1CallFunc

    copy
    /**createstheactionwiththecallbackoftypestd::function<void()>.
  • Thisisthepreferredwaytocreatethecallback.
  • *Whenthisfuntionboundinjsorlua,theinputparamwillbechanged
  • *Injs:varcreate(varfunc,varthis,var[data])orvarcreate(varfunc)
  • *Inlua:localcreate(localfuncID)
  • */
  • staticCallFunc*create(conststd::function<void()>&func);

  • 看完声明后,我们看看几种CallFunc使用的不同写法

    copy
    //写法1
  • autoaction1=CallFunc::create(CC_CALLBACK_0(MyClass::callback_0,this));
  • autoaction2=CallFunc::create(CC_CALLBACK_0(MyClass::callback_1,153); background-color:inherit; font-weight:bold">this,additional_parameters));
  • //写法2
  • autoaction1=CallFunc::create(std::bind(&MyClass::callback_0,108); list-style-type:decimal-leading-zero; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important; list-style-position:outside!important"> autoaction2=CallFunc::create(std::bind(&MyClass::callback_1,0); background-color:inherit">//lambdas表达式写法
  • autoaction1=CallFunc::create(
  • [&](){
  • autos=Director::getInstance()->getWinSize();
  • autolabel=LabelTTF::create("called:lambdacallback","MarkerFelt",16);
  • label->setPosition(ccp(s.width/4*1,s.height/2-40));
  • this->addChild(label);
  • });

  • 4.2 CallFuncN

    copy
    */
  • static
  • CallFuncN*create(void(Node*)>&func);

    注意到该回调动作带有一个Node*参数。

    假设回调函数:

    copy
    voidHelloWorld::callback(Node*sender,intnum);
    copy
    autoaction=Sequence::create(
  • MoveBy::create(2.0f,Point(150,0)),
  • CallFuncN::create(CC_CALLBACK_1(ActionCallFuncN::callback,153); background-color:inherit; font-weight:bold">this)),
  • NULL);
  • CallFuncN::create(std::bind(&ActionCallFuncN::callback,std::placeholders::_1)),0); background-color:inherit">//写法3
  • CallFuncN::create([&](Node*sender){
  • //回调动作代码
  • //dosomething
  • }),248); line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important; list-style-position:outside!important"> NULL);

  • 受益于C++11的新语法特性 std::bind ; CallFuncND 和 CallFuncO 都可以通过 CallFunc 和 CallFuncN 进行实现。

    4.3、CallFuncND

    回调动作中带有一个Node*参数和一个void*参数。

    实现过程类似于 CallFuncN

    假设回调函数是 :

    void HelloWorld::doRemoveFromParentAndCleanup(Node* sender,bool cleanup);

    那么在回调动作中:

    CallFuncN::create( CC_CALLBACK_1(HelloWorld::doRemoveFromParentAndCleanup,this,true));

    这样就实现了等价于 CallFuncND 的回调动作。


    4.4、CallFuncO

    回调动作中带有一个Object*参数。

    实现过程类似于 CallFunc

    假设回调函数是: void HelloWorld::callback(Node* node,bool cleanup);

    那么在回调动作中:

    _grossini 为那个object对象

    CallFunc::create( CC_CALLBACK_0(HelloWorld::callback,_grossini,true)

    这样就实现了等价于 CallFuncO 的回调动作。


    二、持续动作

    属性变化动作:属性变化动作通过属性值的逐渐变化来实现动画效果。需要注意的是XXTo和XXBy的区别在于XXTo是表示最终值,而XXBy则表示向量-改变值。

    1、Moveto和MoveBy


    用于使节点做直线运动,设置了动作时间和终点位置,在规定时间内会移动到终点,它们的初始化方法如下:
    [cpp] view plain copy
    1. //移动到Position的地方
    2. Moveto::create(floatduration,constPoint&position);
    3. //移动的改变值为Position
    4. MoveBy::create(constPoint&position);

    很多时候他两的效果相似。


    2、JumpTo和JumpBy


    使节点以一定的轨迹跳跃到指定位置,JumpTo 是跳到Position位置,JumpBy 是跳起一段距离改变值为Position。

    先看看他们声明:
    copy
    JumpTo::create(constPoint&position,87); background-color:inherit; font-weight:bold">floatheight,87); background-color:inherit; font-weight:bold">intjumps);
  • JumpBy::create(intjumps);

  • 看下面的代码:
    copy
    //以抛物线方式跳到Point(400,最大高度200,跳2次跳到
  • autojumpTo=JumpTo::create(3.0f,Point(400,200,2);
  • autoactionTo=Sequence::create(jumpTo,NULL);
  • autosprite_5=Sprite::create("role1.png");
  • this->addChild(sprite_5);
  • sprite_5->setPosition(Point(50,50));
  • sprite_5->runAction(actionTo);
  • ////以抛物线方式跳动Point(400,最大高度200,跳4次跳到
  • autojumpBy=JumpBy::create(4.0f,4);
  • autoactionBy=Sequence::create(jumpBy,248); line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important; list-style-position:outside!important"> autosprite_6=Sprite::create("role1.png");
  • this->addChild(sprite_6);
  • sprite_6->setPosition(Point(50,108); list-style-type:decimal-leading-zero; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important; list-style-position:outside!important"> sprite_6->runAction(actionBy);

  • 3、BezierTo和BezierBy


    使节点进行曲线运动,运动的轨迹由贝塞尔曲线描述。
    每条贝塞尔曲线都包含一个起点和一个终点。在一条曲线中,起点和终点各自包含一个控制点,而控制点到端点的连线称作控制线。
    控制点决定了曲线的形状,包含角度和长度两个参数。
    如下图:

    使用时,我们要先创建ccBezierConfig结构体,设置好终点endPosition以及两个两个控制点controlPoint_1和controlPoint_2后,再把结构体传入BezierTo或BezierBy的初始化方法中:
    copy
    //先声明一个贝尔结构体
  • ccBezierConfigbezier;
  • //设置目标位置
  • bezier.endPosition=Point(50,400);
  • //设置控制点1
  • bezier.controlPoint_1=Point(0,0);
  • //设置控制点2
  • bezier.controlPoint_2=Point(200,50);
  • autobezierTo=BezierTo::create(2.0f,bezier);
  • autosprite_7=Sprite::create("role1.png");
  • this->addChild(sprite_7);
  • sprite_7->runAction(bezierTo);

  • BezierBy基本与BezierTo一样写法

    4、Scaleto和ScaleBy


    产生缩放效果,使节点的缩放系数随时间线性变化,对应初始化方法为:
    copy
    //缩放时间,缩放比例
  • ScaleTo::create(floats);
  • ScaleBy::create(floats);

  • 使用样例:
    copy
    //原地缩放
  • autoscaleTo=ScaleTo::create(4.0f,108); list-style-type:decimal-leading-zero; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important; list-style-position:outside!important"> autoactionTo=Sequence::create(scaleTo,248); line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important; list-style-position:outside!important"> autosprite_8=Sprite::create("role1.png");
  • this->setPosition(Point(200,200));
  • this->addChild(sprite_8);
  • sprite_8->runAction(actionTo);


  • 5、Rotateto和RotateBy


    产生旋转效果,对应初始化方法为:
    copy
    RotateTo::create(floatdeltaAngle);
  • RotateBy::create(floatdeltaAngle);

  • 先让其缩放,然后在旋转:
    copy
    //原地缩放2倍
  • //原地旋转90度
  • autorotateTo=RotateTo::create(2.0f,90.0f);
  • sprite_8->runAction(actionTo);


  • 三、视觉特效动作

    下面这些类用来实现某些特定的视觉效果

    1、FadeIn,FadeOut和Fateto

    产生淡入淡出效果,和透明变化效果,对应的初始化方法为:
    copy
    //淡入
  • FadeIn::create(floatd);
  • //淡出
  • FadeOut::create(//一定时间内透明度变化
  • FadeTo::create(
  • 样例代码:
    copy
    //淡入3s完成
  • autofadeIn=FadeIn::create(3.0f);
  • //淡出4s完成
  • autofadeOut=FadeOut::create(4.0f);
  • //在5s里,透明度变化100
  • autofadeTo=FadeTo::create(5.0f,100);
  • sprite_8->runAction(actionTo);

  • 2、TintTo和TintBy

    cocos2dx-3.0(28) 动作类 Action的更多相关文章

    1. 用canvas做一个DVD待机动画的实现代码

      这篇文章主要介绍了用canvas做一个DVD待机动画的实现代码的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    2. 使用Html5多媒体实现微信语音功能

      这篇文章主要介绍了使用Html5多媒体实现微信语音功能,需要的朋友可以参考下

    3. HTML5自定义视频播放器源码

      这篇文章主要介绍了HTML5自定义视频播放器源码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

    4. Html5 滚动穿透的方法

      这篇文章主要介绍了Html5 滚动穿透的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    5. HTML5自定义mp3播放器源码

      这篇文章主要介绍了HTML5自定义mp3播放器源码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

    6. 详解HTML5中CSS外观属性

      这篇文章主要介绍了HTML5中CSS外观属性的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,,需要的朋友可以参考下

    7. CSS中实现动画效果-附案例

      这篇文章主要介绍了 CSS中实现动画效果并附上案例代码及实现效果,就是CSS动画样式处理,动画声明需要使用@keyframes name,后面的name是人为定义的动画名称,下面我们来看看文章的具体实现内容吧,需要的小伙伴可以参考一下

    8. html5默认气泡修改的代码详解

      这篇文章主要介绍了html5默认气泡修改的代码详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

    9. 基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片 功能

      这篇文章主要介绍了基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片 功能,需要的朋友可以参考下

    10. Html5移动端适配IphoneX等机型的方法

      这篇文章主要介绍了Html5移动端适配IphoneX等机型的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    随机推荐

    1. 【cocos2d-x 3.x 学习笔记】对象内存管理

      Cocos2d-x的内存管理cocos2d-x中使用的是上面的引用计数来管理内存,但是又增加了一些自己的特色。cocos2d-x中通过Ref类来实现引用计数,所有需要实现内存自动回收的类都应该继承自Ref类。下面是Ref类的定义:在cocos2d-x中创建对象通常有两种方式:这两中方式的差异可以参见我另一篇博文“对象创建方式讨论”。在cocos2d-x中提倡使用第二种方式,为了避免误用第一种方式,一般将构造函数设为protected或private。参考资料:[1]cocos2d-x高级开发教程2.3节[

    2. 利用cocos2dx 3.2开发消灭星星六如何在cocos2dx中显示中文

      由于编码的不同,在cocos2dx中的Label控件中如果放入中文字,往往会出现乱码。为了方便使用,我把这个从文档中获取中文字的方法放在一个头文件里面Chinese.h这里的tex_vec是cocos2dx提供的一个保存文档内容的一个容器。这里给出ChineseWords,xml的格式再看看ChineseWord的实现Chinese.cpp就这样,以后在需要用到中文字的地方,就先include这个头文件然后调用ChineseWord函数,获取一串中文字符串。

    3. 利用cocos2dx 3.2开发消灭星星七关于星星的算法

      在前面,我们已经在GameLayer中利用随机数初始化了一个StarMatrix,如果还不知道怎么创建星星矩阵请回去看看而且我们也讲了整个游戏的触摸事件的派发了。

    4. cocos2dx3.x 新手打包APK注意事项!

      这个在编译的时候就可以发现了比较好弄这只是我遇到的,其他的以后遇到再补充吧。。。以前被这两个问题坑了好久

    5. 利用cocos2dx 3.2开发消灭星星八游戏的结束判断与数据控制

      如果你看完之前的,那么你基本已经拥有一个消灭星星游戏的雏形。开始把剩下的两两互不相连的星星消去。那么如何判断是GameOver还是进入下一关呢。。其实游戏数据贯穿整个游戏,包括星星消除的时候要加到获得分数上,消去剩下两两不相连的星星的时候的加分政策等,因此如果前面没有做这一块的,最好回去搞一搞。

    6. 利用cocos2dx 3.2开发消灭星星九为游戏添加一些特效

      needClear是一个flag,当游戏判断不能再继续后,这个flag变为true,开始消除剩下的星星clearSumTime是一个累加器ONE_CLEAR_TIME就是每颗星星消除的时间2.连击加分信息一般消除一次星星都会有连击信息和加多少分的信息。其实这些combo标签就是一张图片,也是通过控制其属性或者runAction来实现。源码ComboEffect.hComboEffect.cpp4.消除星星粒子效果消除星星时,为了实现星星爆裂散落的效果,使用了cocos2d提供的粒子特效引擎对于粒子特效不了

    7. 02 Cocos2D-x引擎win7环境搭建及创建项目

      官网有搭建的文章,直接转载记录。环境搭建:本文介绍如何搭建Cocos2d-x3.2版本的开发环境。项目创建:一、通过命令创建项目前面搭建好环境后,怎样创建自己的Cocos2d-x项目呢?先来看看Cocos2d-x3.2的目录吧这就是Cocos2d-x3.2的目录。输入cocosnew项目名–p包名–lcpp–d路径回车就创建成功了例如:成功后,找到这个项目打开proj.win32目录下的Hello.slnF5成功了。

    8. 利用cocos2dx 3.2开发消灭星星十为游戏添加音效项目源码分享

      一个游戏,声音也是非常的重要,其实cocos2dx里面的简单音效引擎的使用是非常简单的。我这里只不过是用一个类对所有的音效进行管理罢了。Audio.hAudio.cpp好了,本系列教程到此结束,第一次写教程如有不对请见谅或指教,谢谢大家。最后附上整个项目的源代码点击打开链接

    9. 03 Helloworld

      程序都有一个入口点,在C++就是main函数了,打开main.cpp,代码如下:123456789101112131415161718#include"main.h"#include"AppDelegate.h"#include"cocos2d.h"USING_NS_CC;intAPIENTRY_tWinMain{UNREFERENCED_ParaMETER;UNREFERENCED_ParaMETER;//createtheapplicationinstanceAppDelegateapp;return

    10. MenuItemImage*图标菜单创建注意事项

      学习cocos2dx,看的是cocos2d-x3.x手游开发实例详解,这本书错误一大把,本着探索求知勇于发现错误改正错误的精神,我跟着书上的例子一起调试,当学习到场景切换这个小节的时候,出了个错误,卡了我好几个小时。

    返回
    顶部