cocos2d-x 3.x之动作

标签：动画   cocos2d-x   

Action是动作的基类，所有的动作都派生自这个类，它创建的一个对象代表了一个动作。动作作用于Node，因此，任何一个动作都需要由Node对象来执行。

// 将一个精灵用3秒钟时间从屏幕中间移动到(0, 0)的位置
auto tortoise = Sprite::create("other/tortoise.png");
tortoise->setPosition(Vec2(visibleSize.width/2 + visibleOrigin.x, visibleSize.height/2 + visibleOrigin.y));
this->addChild(tortoise);

auto action = MoveTo::create(3.0f, Vec2(0 + visibleOrigin.x, 0 + visibleOrigin.y));
tortoise->runAction(action);

Place

// 将精灵放到屏幕坐标(200, 200)处
auto placeAction = Place::create(Vec2(200, 200));
tortoise->runAction(placeAction);

FlipX和FlipY

// 将精灵沿X轴反转
auto flipXAction = FlipX::create(true);
tortoise->runAction(flipXAction);

Show和Hide

// 隐藏精灵
auto hideAction = Hide::create();
tortoise->runAction(hideAction);

CallFunc

// 在动作中进行函数调用，可以是类成员函数，也可以是普通函数
// void fun(Node *node) 普通函数
void HelloWorld::fun(Node *node)
{
	CCLOG("CallFuncN");
}

// auto callFuncAction = CallFuncN::create(fun); 在动作中调用普通函数
auto callFuncAction = CallFuncN::create(this, callfuncN_selector(HelloWorld::fun)); // 动作中调用类成员函数
tortoise->runAction(callFuncAction);

位置变化动作

MoveTo和MoveBy用于使节点做直线运动。

// 在规定时间内，从当前位置直线移动到设定的终点位置
auto moveToAction = MoveTo::create(3.0f, Vec2(0, 0));
tortoise->runAction(moveToAction);

// 在规定时间内，相对当前位置移动(100, 100)，效果是往右上角移动
auto moveByAction = MoveBy::create(3.0f, Vec2(100, 100));
tortoise->runAction(moveByAction);

JumpTo和JumpBy使节点以一定的轨迹跳跃到指定位置

// 在规定时间内，从当前位置跳跃到设定的终点位置，第一个参数表示持续时间，第二个参数表示移动的终点位置，第三个表示跳跃最大高度，第四个参数表示跳跃次数
auto jumpToAction = JumpTo::create(3.0f, Vec2(0, 0), 50.0f, 5);
tortoise->runAction(jumpToAction);

// 在规定时间内，相对当前位置跳跃(300, 300)，效果是往右上角跳跃
auto jumpByAction = JumpBy::create(3.0f, Vec2(300, 300), 50.0f, 5);
tortoise->runAction(jumpByAction);

BezierTo和BezierBy使节点进行曲线运动，运动轨迹由贝塞尔曲线描述。每一个贝塞尔曲线都包含一个起点和一个终点。在一条曲线中，起点和终点都各自包含一个控制点，而控制点到端点的连线称作控制线。控制线决定了从端点发出的曲线的形状，包含角度和长度两个参数，角度决定了它所控制的曲线的方向，即这段曲线在这一控制点的切线方向，长度控制曲线的曲率。控制线越长，它所控制的曲线离控制线越近。任意一段曲线都可以由一段或几段相连的贝塞尔曲线组成。

// 使用时需要先创建ccBezierConfig结构体，设置好终点endPosition以及两个控制点controlPoint_1和controlPoint_2后，再把结构体传入BezierTo或BezierBy的初始化方法中
ccBezierConfig bezier;
bezier.controlPoint_1 = Vec2(20, 150);
bezier.controlPoint_2 = Vec2(200, 30);
bezier.endPosition = Vec2(160, 30);
auto bezierToAction = BezierTo::create(3.0f, bezier);
tortoise->runAction(bezierToAction);

属性变化动作

ScaleTo和ScaleBy产生缩放效果

// 第二个参数为缩放系数
auto scaleToAction = ScaleTo::create(3.0f, 2);
tortoise->runAction(scaleToAction);

RotateTo和RotateBy产生旋转效果

// 第二个参数是角度，正方向为顺时针
auto rotateToAction = RotateTo::create(3.0f, 30.0f);
tortoise->runAction(rotateToAction);

FadeIn和FadeOut前者实现淡入效果，后者实现淡出效果

FadeTo设置一段时间内透明度的变化效果

TintTo和TintBy设置色调变化

// 用持续时间和不透明度创建动作，第二个参数GLubyte类型是8位无符号整数，因此可取0-255中的任意整数，与透明度有关的动作只能应用在精灵上，且子节点不受父节点影响。
auto fadeToAction = FadeTo::create(3.0f, 100);
tortoise->runAction(fadeToAction);
	
// rgb取值范围为0-255
TintTo::create(float duration, GLubyte red, GLubyte green, GLubyte blue);
TintBy::create(float duration, GLshort deltaRed, GLshort deltaGreen, GLshort deltaBlue);

视觉特效动作

Blink使目标节点闪烁

// 3秒内闪烁5次
auto blinkAction = Blink::create(3.0f, 5);
tortoise->runAction(blinkAction);

Animate播放帧动画

控制动作

DelayTime将动作延续一段时间。

Repeat把现有动作重复一定次数。

RepeatForever使一个动作不断重复下去。

3.复合动作

Repeat和RepeatForever

// 重复动作
auto repeatAction = Repeat::create(blinkAction, 3);
tortoise->runAction(repeatAction);

Spawn并列动作

Sequence序列动作

DelayTime延时动作

4.变速动作

Speed用于线性的改变某个动作的速度，使动作持续更长或更短的时间。Speed动作不能作为一个动作序列的一部分, 因为它不是一个ActionInterval对象。

// 改变MoveTo动作的速度
auto moveToAction = MoveTo::create(10.0f, Vec2(100, 100));
// 两个参数分别为目标动作和变速比率，设置变速比率为1，目标动作的速度不会被改变
auto speedAction = Speed::create(moveToAction, 1);
// 设置动作的tag属性，与Node的tag属性类似，用于方便查找动作
speedAction->setTag(0);
sprite->runAction(speedAction);
// 设置一个定时器，4秒后将MoveTo动作速度变为原来的10倍
this->scheduleOnce(schedule_selector(HelloWorld::changeSpriteSpeed), 4);

// 定时器实现
void HelloWorld::changeSpriteSpeed(float data)
{
	Speed *speed = dynamic_cast<Speed *>(sprite->getActionByTag(0));
	speed->setSpeed(10);
}

ActionEase

auto moveToAction = MoveTo::create(10.0f, Vec2(100, 100));
auto easeSineInAction = EaseSineIn::create(moveToAction);
tortoise->runAction(easeSineInAction);

cocos2d-x 3.x之动作

标签：动画   cocos2d-x   

原文地址：http://blog.csdn.net/ixiaochouyu/article/details/41855951