动作

原理介绍

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

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

即时动作

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

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

Place

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


1

auto
placeAction = Place::create(Point(10, 10));

FlipX和FlipY

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

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


1

2

3

auto
flipxAction = FlipX::create(
true);

auto
moveTo = MoveTo::create(0.4f, Point(0, 0));

auto
action = Sequence::create(moveTo, flipxAction, moveTo->reverse(), NULL);

其中Sequence是动作序列,后面将详细介绍,reverse的作用是获得原动作的逆动作。

Show和Hide

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


1

2

3

auto
hideAction = Hide::create();

auto
moveTo = MoveTo::create(0.4f, Point(0, 0));

auto
action = Sequence::create(moveTo, hideAction, NULL);

CallFunc

CallFunc系列动作包括CallFunc、CallFuncN两个动作,用来在动作中进行方法调用。在游戏中为了节约内存资源,我们可以在动作完成后调用相应函数清理内存,如下代码:


1

2

3

4

5

auto
actionMoveDone = CallFuncN::create([&](http:
//cn.cocos2d-x.org/doc/cocos-docs-master/manual/framework/native/v3/action/Ref*
sender){

    log("Clear
memory"
);

});

auto
moveTo = MoveTo::create(0.4f, Point(0, 0));

auto
action = Sequence::create(moveTo, actionMoveDone, NULL);

持续动作

属性变化动作

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

MoveTo和MoveBy

用于使节点做直线运动,设置了动作时间和终点位置,在规定时间内会移动到终点,它们的初始化方法如下:


1

2

MoveTo::create(float

duration,
const

Point& position);

MoveBy::create(float

duration,
const

Point& position);

MoveTo的position值表示最后位置,而MoveBy的position则表示移动的位置。

JumpTo和JumpBy

使节点以一定的轨迹跳跃到指定位置,它们的初始化方法如下:


1

2

JumpTo::create(float

duration,
const

Point& position,
float

height,
int

jumps);

JumpBy::create(float

duration,
const

Point& position,
float

height,
int

jumps);

BezierTo和BezierBy

使节点进行曲线运动,运动的轨迹由贝塞尔曲线描述。

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

使用时,我们要先创建ccBezierConfig结构体,设置好终点endPosition以及两个控制点controlPoint_1和controlPoint_2后,再把结构体传入BezierTo或BezierBy的初始化方法中:


1

2

3

4

5

ccBezierConfig
bezier;

bezier.controlPoint_1
= Point(0, 0);

bezier.controlPoint_2
= Point(100, 100);

bezier.endPosition
= Point(50, 100);

auto
bezierAction = BezierTo::create(0.5f, bezier);

ScaleTo和ScaleBy

产生缩放效果,使节点的缩放系数随时间线性变化,对应初始化方法为:


1

2

ScaleTo::create(float

duration,
float

s);

ScaleBy::create(float

duration,
float

s);

RotateTo和RotateBy

产生旋转效果,对应初始化方法为:


1

2

RotateTo::create(float

duration,
float

deltaAngle);

RotateBy::create(float

duration,
float

deltaAngle);

视觉特效动作

该类用来实现特殊视觉效果

FadeIn, FadeOut和FateTo

产生淡入淡出效果,和透明变化效果,对应的初始化方法为:


1

2

3

FadeIn::create(float

d);    淡入

FadeOut::create(float

d);    淡出

FadeTo::create(float

duration, GLubyte opacity); 一定时间内透明度变化

TintTo和TintBy

设置色调变化,这个动作较少使用,初始化方法为:


1

2

TintTo::create(float

duration, GLubyte red, GLubyte green, GLubyte blue);

TintBy::create(float

duration, GLubyte red, GLubyte green, GLubyte blue);

red, green, blue的取值范围为0~255

Blink

使节点闪烁,其初始化方法为:


1

Blink::create(float

duration,
int

blinks);

其中blinks为闪烁次数

Animation

以帧动画形式实现动画效果,以下代码用两种方法实现精灵帧动画效果:


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

//手动创建动画

auto
animation = Animation::create();

for(
int

i=1;i<15;i++)

{

    char

szName[100] = {0};

    sprintf(szName,
"sprite_%02d.png",
i);

    animation->addSpriteFrameWithFile(szName);

}

 

animation->setDelayPerUnit(2.8f
/ 14.0f);

animation->setRestoreOriginalFrame(true);

 

auto
action = Animate::create(animation);

sprite->runAction(Sequence::create(action,
action->reverse(), NULL));

 

//文件创建动画

auto
cache = AnimationCache::getInstance();

cache->addAnimationsWithFile("animation.plist");

auto
animation2 = cache->getAnimation(
"dance_1");

 

auto
action2 = Animate::create(animation2);

sprite->runAction(Sequence::create(action2,
action2->reverse(), NULL));

动画创建后需要一个动画播放器来播放这些动画,这个播放器就是Animate。

复合动作

通常在开发中我们需要将各种动作组合起来再让节点执行,复合动作的作用就是将各种动作组合在一起。而且,复合动作本身也是动作。因此可以作为一个普通动作嵌入到其他动作中。

注意:Sequence动作不能嵌入其他复合动作内使用,DelayTime不属于复合动作,但是只能在复合动作内使用。

DelayTime

延时动作其实什么都不做,提供一段空白期,它只有一个初始化方法:


1

DelayTime::create(float

d);

d表示需要延时的时间。

Repeat/RepeatForever

反复执行某个动作,通常我们用Repeat和RepeatForever这两个方法执行:


1

2

Repeat::create(FiniteTimeAction
*action, unsigned
int

times);

RepeatForever::create(ActionInterval
*action);

Spawn

使一批动作同时执行,他的两个初始化方法:


1

2

Spawn::create(FiniteTimeAction
*action1, ...);

Spawn::create(const

Vector<FiniteTimeAction*>& arrayOfActions);

Sequence

让各种动作有序执行,以下为它的两个初始化方法:


1

2

Sequence::create(FiniteTimeAction
*action1, ...);

Sequence::create(const

Vector<FiniteTimeAction*>& arrayOfActions);

变速动作

变速动作和符合动作类似,也是一种特殊的动作,它可以把任何动作按照改变后的速度执行。

Speed

用于线性的改变某个动作的速度,为了改变一个动作的速度,首先需要将目标动作包装到Speed动作中:


1

2

3

auto
repeat = RepeatForever::create(animation);

auto
speed = Speed::create(repeat, 0.5f);

sprite->runAction(speed);

第二个参数为变速比例,设置为0.5f则速度为原来一半。

ActionEase

Speed虽然能改变动作的速度,但是只能按比例改变速度,ActionEase可以实现动作的速度又快到慢、速度随时间改变的匀速运动。该类包含5类运动,指数缓冲、Sine缓冲、弹性缓冲、跳跃缓冲和回震缓冲。每类运动都包含3个不同时期的变换:In、Out和InOut。

以下以InSine为例:


1

2

时间: 2024-08-31 03:30:43

动作的相关文章

photoshop动作安装教程

photoshop中动作的应用给设计带来了方便,网络上提供了各式各样的现成录制的动作,所以学会安装动作是最基本的要领.本文为大家介绍怎么安装动作. 1.打开photoshop,单击动作按钮弹出动作面板,如下图所示: 2.单击动作面板右上角的箭头弹出菜单,如下图所示: 3.选择"载入动作",如下图所示: 4.这里我们选择一个现成的动作"素描效果",如下图所示: 5.载入动作后我们单击选择"素描效果",如下图所示: 6.单击打开一副现成图片,如下图所

android汤姆猫怎么点击各个身体部分实现各个动作求大神解答新手

问题描述 android汤姆猫怎么点击各个身体部分实现各个动作求大神解答新手 汤姆猫怎么点击各个身体部分实现各个动作汤姆猫怎么点击各个身体部分实现各个动作汤姆猫怎么点击各个身体部分实现各个动作汤姆猫怎么点击各个身体部分实现各个动作 解决方案 根据点击的位置不同,播放不同的动画就行了

WPS2013幻灯片怎么插入动作按钮

  1:按照下面的步骤,"1"要把鼠标放进去,"2"才会显示出绘图工具的,"3"点击三角下角,可以选择动态按钮. 2:选择你自己要的按钮. 3:到你想要添加位置,点击然后拉伸就有你选择按钮出现了,同时也看到按钮的设置,如果不见了,右键按钮键,"动作设置" 4:根据你的要求,选择你要的功能,点击确定就行了

mcu-我对一个传感器进行中断处理,当传感器动作时,会拉低IO口,当IO口为低时会有一些动作

问题描述 我对一个传感器进行中断处理,当传感器动作时,会拉低IO口,当IO口为低时会有一些动作 这是个检测到位与否的传感器,到位以后这个传感器就一直把IO拉低了,那么就一直在中断里面吗?好像不是啊,如果中断触发选择下经验只是在到位的那一瞬间才进入中断啊,然后就去一直低电平,但是并不在中断里面啊 解决方案 在使用cpu引脚中断处理外部事务的时候,根据你外部事物或传感器的特性配置CPU引脚的中断条件,依据你的说法正常时为高电平,动作时为低电平,并且传感器是一直有效电平也一直为低电平,这样的话,建议使

真正靠谱的产品动作来自于最前线的用户需求

文章描述:听到的用户声音,基本都是那部分很喜欢主动反馈问题的少数派.大致听一听就行了.让不可替代的技术资源,去解决大部分用户需要的功能.至于如何判断某些反馈是否是大需求,产品经理的能力问题. 好久没有认真总结最近的产品心得了.积累了很多主题,都在高强度的工作节奏中磨没了.连书都不看的懒人,如果再不养成总结的习惯,就TMD的完蛋了,就变成垃圾产品的产品经理了. 完蛋问题1:慎用设计手段解决需求问题. 发现产品中出现的问题之后,产品经理的作用,最起码应该是把这些问题背后的需求发掘清楚,翻译给大家和自

PS反转负冲动作调出照片梦幻色彩

如果素材图选择得当的话,做出的效果将非常出色.网上也有现成的动作下载,如果你有兴趣可以多尝试几组图片来测试一下效果. 原图最终效果 1.打开原图素材,点通道面板选蓝色通道 ,进入"图象"菜单,选"应用图象",选中"反相",混合模式用"正片叠底",不透明度为50%,确认. 分类: PS图片处理

android-iPhone-自定义动作栏的问题

问题描述 iPhone-自定义动作栏的问题 自定义的ActionBar,效果如下图: 我覆盖了背景,想要覆盖底边框和在actionBar禁用阴影: <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <item> <bitmap xmlns:android="http://schemas.android.com/apk/res/android"

delphi 通过 ado 访问数据库存储过程,如果有插入动作,为什么会执行两遍?

问题描述 delphi 通过 ado 访问数据库存储过程,如果有插入动作,为什么会执行两遍? 20C 如题.这是我反复测试后得出的结论.我实在不理解为什么. 具体测试过程是这样子的:我用ado连接数据库.然后我写了一个简单的存储过程,就是往表里插入数据.然后我用ado调用这个存储过程.然后我就发现,虽然程序里我只调用了一次,但实际上表里的数据却被插入了完全一模一样的两条. 这算是bug还是怎么回事?是不是有什么我不曾注意到的细节没处理好? 存储过程代码如下: create procedure p

利用PS滤镜及动作制作暗调金属质感立体字

教程立体字制作比较独特,金属字表面质感是用滤镜及样式来制作,操作也比较简单,用镜头光晕做出质感,然后用简单的图层样式加强质感.立体部分作者用到了动作,这样做出的效果更逼真. photoshop教程最终效果 1.在photoshop新建一个文档,大小设置为900*600,分辨率设置为300.将背景填充为一个较暗的颜色(这里用#332222,读者可以自己尝试喜欢的色相).将白色作为前景色,输入文字"AWESOME",读者可以根据画布的大小,风格的偏好,选择自己喜欢的字体.大小及样式. 2.

通过分解仿阿宝色动作学习PS调色技巧

一段时间来总看到一些自称为新手的同学问,说怎么样速成PS?这倒是个难题,PS是个实践性很强的学习,只在岸边刻苦学习理论知识,从不下水或者很少下水实践,那么永远不能进步.也就是说学习PS是需要大量的时间来动手操作的,看帖十次不如手动一次.然而真要动起手来,如何下手?怎么下手才能进步更快?可能网络上有很多的捷径和方法.而我个人认为有一个小方法可以更直观地更有效地学习和进步,那就是通过分解图层来逐层领会和了解后期思路,由于每一个图层的建立都会使原图产生变化,而这个变化就是需要让新手去了解的,这个建立的