Cocos2d-x 3.x中43种常用动作汇总

最新推荐文章于 2021-12-17 00:00:00 发布
最新推荐文章于 2021-12-17 00:00:00 发布
阅读量1.4k 收藏
点赞数
分类专栏： game cocos2d-x 文章标签： Cocos2d-x

本文总结Cocos2d-x 3.x版本中43种常用动作类，包括每个类的作用、使用方法以及所实现的效果。


ScaleBy 

  • 作用: 创建一个缩放的动作  

  • 参数1：达到缩放大小的所需时间

  • 参数2：缩放比例  

1
2
3
ActionInterval * scaleby = ScaleBy::create(2, 2);  
ActionInterval * actionbyback = scaleby->reverse();  
sp->runAction(actionbyback);


RotateTo 

  • 作用：创建一个旋转的动作  

  • 参数1：旋转的时间

  • 参数2：旋转饿角度  0 - 360  

1
2
ActionInterval * rotateto = RotateTo::create(2, 90);  
sp->runAction(rotateto);

     

SkewTo 

  • 作用：创建一个倾斜的动作  

  • 参数1：倾斜到特定角度所需的时间  

  • 参数2：x轴的倾斜角度  

  • 参数3：y轴的倾斜角度  

1
2
ActionInterval * skewto = SkewTo::create(2, 10, 10);  
sp->runAction(skewto);


JumpTo  

  • 作用：创建一个跳的动作  

  • 参数1：跳到目标动作位子的所需时间  

  • 参数2：目标位置  

  • 参数3：跳的高度  

  • 参数4：跳到目标位置的次数  

1
2
ActionInterval* jumpto = JumpTo ::create(2, ccp(300, 200), 50, 4 );  
    sp->runAction(jumpto);

   

JumpBy  

  • 作用：创建一个跳的动作  

  • 参数1：跳到目标动作位子的所需时间  

  • 参数2：目标位置  

  • 参数3：跳的高度  

  • 参数4：跳到目标位置的次数  

这个支持方向动作reverse  

1
2
3
ActionInterval * jumpby = JumpBy ::create(3, ccp(300, 200), 50, 4);  
ActionInterval * ac= jumpby->reverse();  
sp->runAction(ac);


Bezier  

ccBezierConfig结构体      

1
2
3
4
ccBezierConfig bezierCon;  
bezierCon.controlPoint_1=PointMake(200, 150); //控制点1  
bezierCon.controlPoint_2=PointMake(200, 160); //控制点2  
bezierCon.endPosition =PointMake(340, 100); // 结束位置

BezierTo  

  • 创建一个贝塞尔曲线运动的动作  

  • 参数1：贝塞尔曲线运动的时间  

  • 参数2 ：ccBezierConfig结构体     

1
2
3
4
ActionInterval * action = BezierTo::create(2, bezierCon);  
ActionInterval * action = BezierBy::create(3, bezierCon); //支持反向  
ActionInterval * action1 = action->reverse();  
sp->runAction(action1);


FadeIn  

  • 作用：创建一个渐变出现的动作  

  • 参数是时间  

1
2
ActionInterval * fadein = FadeIn::create(2);  
sp->runAction(fadein);


FadeOut  

  • 作用：创建一个渐变消失的动作  

  • 参数是时间  

1
2
ActionInterval * fadeout = FadeOut::create(2);  
sp->runAction(fadeout);


TintTo  

  • 作用：创建一个色彩变化的消失动作  

  • 参数1：色彩变化的动作  

  • 参数2 ：红色分量  

  • 参数3：蓝色分量  

1
2
ActionInterval * tinto = TintTo ::create(3, 255, 255, 0);  
sp->runAction(tinto);


TintBy  

  • 作用：创建一个色彩变化的出现动作  

  • 参数1：色彩变化的动作  

  • 参数2：红色分量   

  • 参数3：蓝色分量，但是加了reverse就是反向的  

1
2
3
ActionInterval * tintby = TintBy::create(3, 0, 255, 255);  
ActionInterval * tintby1 = tintby->reverse();  
sp->runAction(tintby1);


Blink  

  • 作用:创建一额闪烁的动作  

  • 参数1：闪烁完成的时间  

  • 参数2:闪烁的次数  

1
2
ActionInterval * blink = Blink ::create(3, 10);  
sp->runAction(blink);


DelayTime  

  • 作用：创建一个延迟的动作  

  • 参数：延迟的时间  

1
2
ActionInterval * delaytime = DelayTime::create(3);  
sp->runAction(delaytime);


OrbitCamera  

  • 作用：创建一个球面坐标轨迹进行旋转的动作  

  • 参数1： 旋转轨迹的时间  

  • 参数2：起始半径  

  • 参数3：半径差  

  • 参数4：起始z角  

  • 参数5：旋转z角的差  

  • 参数6：起始x角  

  • 参数7：旋转x角的差  

1
2
ActionInterval * orbitcamera = OrbitCamera::create(3, 10, 0, 45, 180, 90, 0);  
sp->runAction(orbitcamera);


CardinalSpline  

  • 作用：创建数组  点的数组  

1
2
3
4
5
6
PointArray * array = PointArray::create(20);
array->addControlPoint(ccp(0, 0));
array->addControlPoint(ccp(210, 0));
array->addControlPoint(ccp(210, 240));
array->addControlPoint(ccp(0, 160));
array->addControlPoint(ccp(0, 0));


CardinalSplineTo  

  • 作用：创建一个样条曲线轨迹的动作  

  • 参数1：完成轨迹所需的时间  

  • 参数2：控制点的坐标数组  

  • 拟合度：其值=0，路径最柔和  

1
2
ActionInterval  * CardinalSplineTo=CardinalSplineTo::create(3, array, 0);  
sp->runAction(CardinalSplineTo);


CardinalSplineBy  

  • 作用：创建一个样条曲线轨迹的动作  

  • 参数1：完成轨迹所需的时间  

  • 参数2：控制点的坐标数组  

  • 拟合度： 其值= 0 路径最柔和  

1
2
ActionInterval * CardinalSplineBy = CardinalSplineBy::create(3, array, 0);  
sp->runAction(CardinalSplineBy);


CatmullRomTo、CatmullRomBY  

  • 作用：创建一个样条插值轨迹  

  • 参数1：完成轨迹的时间  

  • 参数2：控制点的数组坐标  

1
2
ActionInterval * catmullRomTo = CatmullRomTo::create(3, array);  
sp->runAction(catmullRomTo);

   

Follow  

  • 作用：创建一个跟随动作  

  • 参数1：跟随的目标对象  

  • 跟随范围，离开范围就不再跟随  

创建一个参照物spT  

1
2
3
4
5
6
7
Sprite * spt = Sprite::create( "Icon.png" );  
spt->setPosition(ccp(420,40));  
addChild(spt);  
sp->runAction(MoveTo::create(3, ccp(940,sp->getPositionY())));  
      
Follow * follow = Follow::create(sp,RectMake(0, 0, 960, 320));  
this -> runAction(follow);


EaseBounceIn  

目标动作  

1
ActionInterval* move = MoveTo::create(3, ccp(300, sp->getPositionY()));

让目标动作缓慢开始  

参数：目标动作  

1
2
ActionInterval * EaseBounceIn = EaseBounceIn::create(move);  
sp->runAction(EaseBounceIn);


EaseBounceOut  

  • 作用：让目标动作赋予反弹力，且以目标动作结束位子开始反弹  

  • 参数：目标动作  

1
2
ActionInterval * easeBounceOut = EaseBounceOut ::create(move);  
sp->runAction(easeBounceOut);


EaseBounceInOut  

  • 作用：让目标动作赋予反弹力，且以目标动作起始与结束位子开始反弹  

1
2
ActionInterval * easeBounceInOut= EaseBounceInOut::create(move);  
sp->runAction(easeBounceInOut);


EaseBackIn  

  • 作用：让目标动作赋予回力，且以目标动作起点位置作为回力点  

  • 参数：目标动作  

1
2
ActionInterval * easeBackIn = EaseBackIn::create(move);  
sp->runAction(easeBackIn);


EaseBackOut  

  • 作用：让目标动作赋予回力，且以目标动作终点位置作为回力点  

  • 参数：目标动作  

1
2
ActionInterval *easeBackOut = EaseBackOut::create(move);  
sp->runAction(easeBackOut);


EaseBackInOut  

  • 作用：让目标动作赋予回力， 且以目标动作起点和终点位置作为回力点  

  • 参数：目标动作  

1
2
ActionInterval * easeBackInOut = EaseBackInOut::create(move);  
sp->runAction(easeBackInOut);


EaseElasticIn  

  • 作用：让目标动作赋予弹性 ，且以目标动作起点位子赋予弹性  

  • 参数：目标动作  

1
2
ActionInterval * easeElasticIn= EaseElasticIn::create(move);  
sp->runAction(easeElasticIn);


EaseElasticOut  

  • 作用：让目标动作赋予弹性 ，且以目标动作终点位子赋予弹性  

  • 参数：目标动作  

1
2
ActionInterval *easeElasticOut = EaseElasticOut::create(move);  
sp->runAction(easeElasticOut);


EaseElasticInOut  

  • 作用：让目标动作赋予弹性 ，且以目标动作起点和终点位子赋予弹性  

  • 参数：目标动作  

   ActionInterval *easeElasticInOut = EaseElasticOut::create(move);  

   sp->runAction(easeElasticInOut);  


EaseExponentialIn  

  • 作用：让目标动作缓慢开始  

  • 参数：目标动作  

1
2
ActionInterval * easeExponentialIn= EaseExponentialIn::create(move);  
sp->runAction(easeExponentialIn);


EaseExponentialOut  

  • 作用：让目标动作缓慢中止  

  • 参数：目标动作  

1
2
ActionInterval * easeExponentialIn= EaseExponentialOut::create(move);  
sp->runAction(easeExponentialIn);


EaseExponentialInOut  

  • 作用：让目标动作缓慢开始和中止  

  • 参数：目标动作  

1
2
ActionInterval * easeExponentialInOut= EaseExponentialInOut::create(move);  
sp->runAction(easeExponentialInOut);


EaseRateAction  

  • 作用：让目标动作设置速率  

  • 参数1:目标动作  

  • 参数2：速率  

1
2
3
ActionInterval * move = MoveTo::create(5, ccp(300,sp->getPositionY()));  
ActionInterval * easeRateAction = EaseRateAction::create(move, 3);  
sp->runAction(easeRateAction);


EaseSineIn  

  • 作用：动作由慢到快  

  • 参数：目标动作  

1
2
ActionInterval * easeSineIn = EaseSineIn::create(move);  
sp->runAction(easeSineIn);


EaseSineOut  

  • 作用：动作由快到慢  

  • 参数：目标动作  

1
2
ActionInterval * easeSineOut = EaseSineOut::create(move);  
sp->runAction(easeSineOut);


EaseSineInOut  

  • 作用：动作由慢到快再快到慢  

  • 参数：目标动作  

1
2
ActionInterval * easeSineInOut = EaseSineInOut::create(move);  
sp->runAction(easeSineInOut);


Speed  

  • 作用：让目标动作运行速度加倍  

  • 参数1：目标动作  

  • 参数2:倍速  

1
2
3
ActionInterval * move = MoveTo::create(10, ccp(300,sp->getPositionY()));  
Speed * speed =Speed::create(move, 100);  
sp->runAction(speed);


Spawn  

  • 作用：让多个动作同时执行  

  • 参数：目标动作的可变参数  

1
2
3
4
5
ActionInterval * move = MoveTo::create(10, ccp(300,sp->getPositionY()));  
ActionInterval * scale = ScaleTo::create(2, 3);  
ActionInterval * rotate = RotateTo::create(4, 190);  
FiniteTimeAction * spawn =Spawn::create(move,scale,rotate,NULL);  
sp->runAction(spawn);


Sequence  

  • 作用：让多个动作按照前后顺序逐一执行  

  • 参数：目标动作的可变参数  

1
2
3
4
ActionInterval * move = MoveTo::create(2, ccp(300, sp->getPositionY()));  
ActionInterval * scale = ScaleTo::create(2, 3);  
FiniteTimeAction * seq= Sequence::create(move,scale,NULL);  
sp->runAction(seq);

扩展如果要对目标动作全部进行方向运动，可以使用如下形式操作  

1
2
FiniteTimeAction *seq=Sequence::create(moveby,scaleby,...NULL);  
FiniteTimeAction * reverseseq = Sequence::create(seq,seq->reverse(),NULL)

注意Sequence中的所有动作都必须支持reverse函数，否则会出现异常  

1
2
3
4
5
ActionInterval * move = MoveBy::create(2, ccp(300, sp->getPositionY()));  
ActionInterval * scale = ScaleBy::create(2, 3);  
FiniteTimeAction * seq= Sequence::create(move,scale,NULL);  
FiniteTimeAction * reveseseq = Sequence::create(seq,seq->reverse(),NULL);  
sp->runAction(reveseseq);


Repeat  

  • 作用：对目标动作进行重复运动（目标动作可以是Sequence ，Spawn）  

  • 参数1：目标动作  

  • 参数2：重复次数  

1
2
3
4
5
ActionInterval * move = MoveTo::create(2, ccp(300, sp->getPositionY()));  
ActionInterval * move2 = MoveTo::create(2, ccp(100,100));  
FiniteTimeAction*seq =Sequence::create(move,move2,NULL);  
FiniteTimeAction *repeat = Repeat::create(seq, 3);  
sp->runAction(repeat);


RepeatForever  

  • 作用：对目标动作进行永久性的重复运动（目标动作可以是Sequence ，Spawn）  

  • 参数：目标动作  

1
2
3
4
5
ActionInterval * move = MoveTo::create(1, ccp(300, sp->getPositionY()));  
ActionInterval * move1 = MoveTo::create(1, ccp(100,100));  
FiniteTimeAction* seq = Sequence::create(move,move1,NULL);  
ActionInterval * repeatForever =RepeatForever::create((ActionInterval* )seq);  
sp->runAction(repeatForever);


CallFunc  

  • 作用：创建一个回调动作（调用不带参数的回调方法）；  

  • 参数1：目标动作  

  • 参数2：目标回调函数  

1
2
3
4
ActionInterval * move = MoveTo::create(1, ccp(300, sp->getPositionY()));  
CallFunc * funcall= CallFunc::create( this , callfunc_selector(HelloWorld::callbackC));  
FiniteTimeAction * seq = Sequence::create(move,funcall,NULL);  
sp->runAction(seq);


CallFuncN  

  • 作用：创建一个回调动作（调用带一个参数的回调方法）；  

  • 参数1：目标动作  

  • 参数2：目标回调函数  

   ActionInterval * move = MoveTo::create(1, ccp(300, sp->getPositionY()));  

   CallFuncN * funcall= CallFuncN::create(this, callfuncN_selector(HelloWorld::callbackN));  

   FiniteTimeAction * seq = Sequence::create(move,funcall,NULL);  

   sp->runAction(seq);  


CallFuncND  

  • 作用：创建一个回调动作（调用 带两个参数的回调方法）；  

  • 参数1：目标动作  

  • 参数2：目标回调函数  

1
2
3
4
5
ActionInterval * move = MoveTo::create(1, ccp(300, sp->getPositionY()));
CallFuncND * funcall = CallFuncND::create( this , callfuncND_selector(HelloWorld::callbackND), ( void *)0xbebabeba);
FiniteTimeAction * seq = Sequence::create(move, funcall, NULL);
sp->runAction(seq);
return  true ;


来源网址：http://www.sundaboke.com/?post=34

峻峰飞阳
关注
专栏目录
cocos-creator使用记录3_Action动画
haibo19981的专栏
05-24 2027
1.cocos creator的Action动画官方说明文档地址如下http://docs.cocos.com/creator/manual/zh/scripting/actions.htmlAction动画适宜使用的地方：UI控件节点动画，比如点击一个按钮，按钮飞出屏幕。在比如模仿星星闪动、旋转、渐隐、渐显。其分为：(1)容器动作  比较常用的是cc.sequence(按顺序执行)、cc.spa...
和屌丝一起学cocos2dx-Action动作
gl.paea.cn
08-24 2659
声  明        本教程仅用于初学cocos2dx同学使用，内容由本人（孤狼）学习过程中笔记编写，本教程使用cocos2dx版本为2.1.4。本教程内容可以自由转载，但必须同时附带本声明，或注明出处。 gl.paea.cn版权所有。        大家好，欢迎回到“和屌丝一起学coco2dx”系列教程，上节我们说到“CCScrol
cocos2dx 3.x 动作的认识
lengxue789的专栏
07-29 1万+
1. MoveTo 和 MoveBy
菜鸟学习Cocos2d-x 3.x——浅谈动作Action
思考的智慧，知识源于思考
05-27 1534
动作类概述 一款游戏，设计的再NB的游戏，如果都是一堆静态的图片，没有任何动作，那也只能“呵呵”了。动作体系对于一款游戏的成功与否，有着非常重要的影响。所以，这篇文章就对Cocos2d-x中的动作进行总结。先来看看Cocos2d-x中的与动作相关的类。 与动作相关的类图如下图所示：现在就对这些类进行简单的介绍，在后续的小节中还会进行详细的分析的。 Ref和Clonable：这里不
quick-cocos2d-x API函数汇总
qq_43667669的博客
01-24 439
                quick-cocos2d-x API函数汇总 1.  init在quick\framework\init.lua文件中。quick framework 初
cocos2dx3.0 C++开发 零基础入门笔记
07-27 4718
程序执行流程 1、AppDelegate::applicationDidFinishLaunching() 2、创建场景createScene。 3、导演执行runWithScene 导演： CCDirector获取：auto director = Director::getInstance(); 导演可以获取到视图信息，以及对视图显示相关项进行配置等。
各大官网 排名不分先后 持续更新
计算机学习园
04-11 1万+
http://www.xuanyusong.com/archives/950 http://blog.csdn.net/boyjimeking/article/details/6707743 http://www.cnblogs.com/liutianwen/archive/2012/04/18/cocos2d-xD.html http://www.cocoachina.com/
设计一个单选题考试程序python_Python123计算机等级考试二级Python语言与程序设计通关指南七Python 计算生态...
weixin_39826342的博客
10-21 3694
请注意看红色标识文字，图片均是超清图片，可以单击查看看见更大的世界，遇见更好的自己 See a better world to meet better for ourselves.1.MMdnn----MMdnn 是一个深度学习的模型工具集，它能够互转模型文件、可视化模型结构、自动产生训练/推演的代码、辅助测试模型兼容性等。2.Matplotlib----Matplotlib 是一个高质...
ios学习资源
fishmai的专栏
05-15 1万+
問：學習Objective-C的書籍？答：Effective objective-C 2.0编写高质量ios和OS X代码的52个有效方法Learn Objective–C on the Mac by Mark Dalrymple and Scott Knaster, Apress.這本的內容是Objective-C跟一些基本的Cocoa Foundation Framework，是學習Obj...
orbit-camera-controller:轨道相机控制器
06-14
轨道相机控制器 用于自由移动轨道相机的控制器。 支持与 3D 视图相同的交互。 安装 npm i orbit-camera-controller 执照 (c) 2015 米科拉·李森科。 麻省理工学院执照
orbitCamera轨道照相机解释
lyctianya的专栏
07-09 4697
local sp=cc.Sprite:create("covered.jpg")     self:addChild(sp,100)     sp:setPosition(480,320)          local myOrbit=cc.OrbitCamera:create(10,1,0,0,360,0,180) --    sp:runAction(cc.RepeatForever
Cocos2dx - 缓动Action
极客七
08-07 2038
cocos2d-x + lua 编程基础 之 动作篇普通动作瞬时动作有限时动作缓冲动作指数缓冲赛因缓冲弹性缓冲跳跃缓冲![在这里插入图片描述](https://img-blog.csdnimg.cn/20190807001057847.jpg)回震缓冲组合动作序列帧动画并行混合动画 普通动作 瞬时动作 用法: local hideAction = cc.Hide:create() node:ru...
cocos2dx 常见的49中动作详解
weixin_30340353的博客
04-06 433
bool HelloWorld::init() { ////////////////////////////// // 1. super init first if ( !CCLayer::init() ) { return false; } CCSprite * sp= CCSprite::create("I...
cocos2d-x中的opacity与Fade out
o_oXo_o的专栏
10-07 9575
接着上一篇文章，还是解决在OiteBoys的
cocos2dx之FadeIn,FadeOut,FadeTo
热门推荐
专注，努力，勤奋
12-12 2万+
void MyActionFadeLayer::initLayer() { CCSize size = CCDirector::sharedDirector()->getWinSize(); /* *@FadeTo */ CCSprite *spriteFadeTo = CCSprite::create("r1.png"); spriteFadeTo
Cocos Creator-3.缓冲系统,动作系统,计时器
joyyi9的博客
12-17 1861
Cocos Creator-3.缓冲系统,动作系统,计时器前言一、缓冲系统二、动作系统三，计时器总结 前言 官网官网！！！ cc.tween 能够对对象的任意属性进行缓动，功能类似于 cc.Action（动作系统）。但是 cc.tween 会比 cc.Action 更加简洁易用，因为 cc.tween 提供了链式创建的方法，可以对任何对象进行操作，并且可以对对象的任意属性进行缓动。 一、缓冲系统 Easing_API Easing函数效果演示 下面是官方的案例（其实还是很好理解的！！） //同时执行多.
Cocos2d-x动作
Jeyaker的博客
09-08 470
Cocos2d-x动作Cocos2d-x动作一、动作由继承Node类的对象执行(Layer,Sprite,Label)MoveBy(移动坐标):MoveTo(移动到):JumpBy(跳跃坐标):贝塞尔曲线JumpTo(跳跃到坐标):贝塞尔曲线BezierBy,BezierTo:贝塞尔曲线Place:ScaleBy(以当前对象为基准缩放)，ScaleTo(将对象缩放到指定大小):RotateBy(根...
【Cocos2d-html5游戏引擎学习笔记(11)】运动中速度效果
wangdi的游戏社区
11-25 6819
在我们使用Action系统动作的时候，比如MoveTo，在进行运动的时候总是在规定的时间内进行匀速运动，有时候可能会想添加一些加速度的效果，cocos2d-html5就依然和cocos2dx一样为我们提供了这套。 主要分为5种运动速度效果： 第1种  指数缓冲 cc.EaseExponentialIn.create(); cc.EaseExponentialOut.c
Cocos2d-x 3.x事件处理详解：从零开始理解核心机制
在Cocos2d-x 3.x中，你可以通过Director类的getEventDispatcher方法获取事件调度器，它负责在整个游戏生命周期中管理和调度事件监听器。 2. **事件类型（Event Types）**：Cocos2d-x 3.x定义了多种事件类型，包括但...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值