CCPlace,CCFlip*,CCToggleVisibility,CCMoveTo*,CCJumpTo*,CCScale*,CCRotate*,CCSkew*,fade,CCCardinalSp*
1 CCAction动作
CCAction作为一个基类。事实上质是一个接口(即抽象类),由它派生的实现类(如运动和转动等)才是我们实际使用的动作。CCAction
的绝大多数实现类都派生自CCFiniteTimeAction。由CCFiniteTimeAction
派生出的两个主要类各自是瞬时动作(CCActionInstant)和持续性动作(CCActionInterval)。
2
CCActionInstant瞬时动作
A 总述
瞬时动作是指能立马完毕的动作,是CCFiniteTimeAction
中动作持续
时间为0
的特例。
更准确地说,这类动作是在下一帧会立马运行并完毕的
动作,如设定位置、设定缩放等。
这些动作原本能够通过简单地对CCNode
赋值完毕,可是把它们包装为动作后。能够方便地与其它动作类组合为复杂
动作。
B
组成
C
具体解释
|
//设置位置 CCPlace * place = CCPlace::create(ccp(300,200)); //设置x CCAction *flipy = //设置y CCAction *flipx = CCFlipX::create(true); CCShow * show = CCShow::create(); CCDelayTime *dt = CCDelayTime::create(2.0f); CCHide * hide = CCHide::create(); //显示或隐藏 CCSequence *seq = CCSequence::create(show, dt, hide, dt, show, NULL); CCToggleVisibility * togglev = CCToggleVisibility::create(); //触发显示或隐藏 CCSequence *seq = CCSequence::create(togglev, dt, togglev, dt,togglev,NULL); |
3
CCPlace案例
|
#include #include CCScene *T13Action::scene() { CCScene * T13Action * scene->addChild(layer); return } bool { TBack::init(); CCSprite * CCSprite * addChild(man); CCDelayTime * //将图像显示到指定的位置 CCPlace *place man->runAction(place); return } 执行结果: |
4
CCFlipX沿着Y轴反转
|
bool { TBack::init(); CCSprite * CCSprite * addChild(man); //这是延时 CCDelayTime * //将图像显示到指定的位置 CCPlace CCFlipY * //这里是一个动作序列 CCSequence * man->runAction(seq); return } 执行结果: |
5
CCToggleVisibility
|
bool { TBack::init(); CCSprite * CCSprite * man->setPosition(ccp(100, addChild(man); //这是延时 CCDelayTime * CCPlace *place //让sprite显示 CCToggleVisibility * CCSequence * man->runAction(seq); return } |
CCActionInterval延时动作
A
总述
持续性动作是在持续的一段时间里逐渐完毕的动作。也就是要跨多个帧循环来完毕。如精灵从一个点连续地移动到还有一个点,每一帧内移动一点,我们看到的是帧循环的累积效应。
与瞬时动作相比。持续性动作的种类更丰富。因为这些动作将持续一段时间,所以大多数的持续性动作都会带有一个用于控制动作运行时间的实型參数duration。
每一种持续性动作通常都存在两个不同的变种动作,分别具有To和By后缀:后缀为To的动作描写叙述了节点属性的绝对变化。比如CCMoveTo将对象移动到一个特定的位置;而后缀By的动作则属性值相对的变化,如CCMoveBy将对象移动一段相对位移。
B
组成
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdG90b3R1enVvcXVhbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">
C
具体解释
|
CCMoveTo * to = CCMoveTo::create(2, ccp(300, 160)); CCMoveBy * by = CCMoveBy::create(2, ccp(300, 160)); CCMoveBy * by2 = CCMoveBy::create(2, ccp(200,0)); //第一个參数为,动作持续的时间,第二个參数为。To |
|
CCJumpTo * to = CCJumpTo::create(2, ccp(300, 160), 50, 1); CCJumpBy * by = CCJumpBy::create(2, ccp(200, 0), 50, 1); CCJumpBy * by2 = CCJumpBy::create(2, ccp(0, 0), 50, 1); //第二个參考为 |
6
CCMoveTo
CCMoveBy
|
bool { TBack::init(); CCSprite * CCSprite * man->setPosition(ccp(100, addChild(man); //这是延时 CCDelayTime * //3秒中将位置移动到ccp(300,160) CCMoveTo * //通过moveby方式得到的,后面的是一个相对偏移量 //CCMoveBy * by = CCMoveBy::create(2, ccp(200, 0)); man->runAction(to); return } 执行结果:
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdG90b3R1enVvcXVhbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt=""> |
7
CCJumpTo
CCJumpBy
|
bool { TBack::init(); CCSprite * CCSprite * man->setPosition(ccp(100, //2秒钟。跳到(400,160),跳的高度是100,跳3次 CCJumpTo * //以下的by相同是相对的偏移位置 CCJumpBy man->runAction(by); addChild(man); return } |
8
Bezier具体解释
每一条贝塞尔曲线都包括一个起点和一个终点。
在一条曲线中。起点和终点都各自包括一个控制点,而控制点到端点的连线称作控制线。控制线决定了从端点发出的曲线的形状。包括角度和长度两个參数:角度决定了它所控制的曲线的方向。即这段曲线在这一控制点的切线方向;长度控制曲线的曲率。控制线越长,它所控制的曲线离控制线越近。
|
ccBezierConfig bc; bc.controlPoint_1 = ccp(200,300); bc.controlPoint_2 = ccp(300, 20); bc.endPosition = ccp(400, 160); CCBezierTo * to = CCBezierTo::create(2, bc); |
案例:
|
在头文件里加入draw()函数的声明 void |
|
#include #include CCScene *T13Action::scene() { CCScene * T13Action * scene->addChild(layer); return } bool { TBack::init(); CCSprite * CCSprite * man->setPosition(ccp(100, //開始的位置100,160 ccBezierConfig //控制点 (200,300)这是一个实际的位置点 c.controlPoint_1 c.controlPoint_2 c.endPosition CCBezierTo * man->runAction(to); addChild(man); return } //原生画图,每一帧都会画图 void { //第一个參数为起始点 //第二个參数为控制点 //第三个參数为控制点 //第四个为终止点 //第五个为段 ccDrawCubicBezier( ccp(100, 160), ccp(200, 300), ccp(300, 20), ccp(400, 160), 100); } |
|
执行结果: |
|
通过by的方式要达到上面的效果的代码是: |
|
#include #include CCScene *T13Action::scene() { CCScene * T13Action * scene->addChild(layer); return } bool { TBack::init(); CCSprite * CCSprite * man->setPosition(ccp(100, //開始的位置100,160 ccBezierConfig //以下的是偏移(100,160)的距离。全部点都是相对起始点的 c.controlPoint_1 c.controlPoint_2 c.endPosition CCBezierBy * man->runAction(by); addChild(man); return } //原生画图,每一帧都会画图 void { //第一个參数为起始点 //第二个參数为控制点 //第三个參数为控制点 //第四个为终止点 //第五个为段 ccDrawCubicBezier( ccp(100, 160), ccp(200, 300), ccp(300, 20), ccp(400, 160), 100); } |
放大倍数
|
CCScaleTo * to = CCScaleTo::create(2, 3); CCScaleBy * by = CCScaleBy::create(2, 3); |
|
#include #include CCScene *T13Action::scene() { CCScene * T13Action * scene->addChild(layer); return } bool { TBack::init(); CCSprite * CCSprite * man->setPosition(ccp(100, //属性相关的。将图片放大 CCScaleTo * CCScaleBy * man->runAction(by); addChild(man); return } //原生画图。每一帧都会画图 void { //第一个參数为起始点 //第二个參数为控制点 //第三个參数为控制点 //第四个为终止点 //第五个为段 ccDrawCubicBezier( ccp(100, 160), ccp(200, 300), ccp(300, 20), ccp(400, 160), 100); } |
|
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdG90b3R1enVvcXVhbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt=""> |
|
CCRotateTo * to = CCRotateTo::create(2, 30); CCRotateBy * by = CCRotateBy::create(2, 30); |
|
#include #include CCScene *T13Action::scene() { CCScene * T13Action * scene->addChild(layer); return } bool { TBack::init(); CCSprite * CCSprite * man->setPosition(ccp(100, //表示2秒钟逆时针旋转30度 CCRotateTo *to CCRotateBy *by man->runAction(by); addChild(man); return } //原生画图,每一帧都会画图 void { //第一个參数为起始点 //第二个參数为控制点 //第三个參数为控制点 //第四个为终止点 //第五个为段 ccDrawCubicBezier( ccp(100, 160), ccp(200, 300), ccp(300, 20), ccp(400, 160), 100); } |
|
执行结果:
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdG90b3R1enVvcXVhbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt=""> |
|
CCSkewTo * to = CCSkewTo::create(2, 20, 40); CCSkewBy * by = CCSkewBy::create(2, 20, 40); |
|
#include #include CCScene *T13Action::scene() { CCScene * T13Action * scene->addChild(layer); return } bool { TBack::init(); CCSprite * CCSprite * man->setPosition(ccp(100, //2秒。x上扭曲20度。y上30 CCSkewTo * CCSkewBy * man->runAction(by); addChild(man); return } //原生画图。每一帧都会画图 void { //第一个參数为起始点 //第二个參数为控制点 //第三个參数为控制点 //第四个为终止点 //第五个为段 ccDrawCubicBezier( ccp(100, 160), ccp(200, 300), ccp(300, 20), ccp(400, 160), 100); } |
|
执行结果: |
|
CCTintTo * to = CCTintTo::create(2, 123, 123, 123); CCTintBy * by = CCTintBy::create(2, 23, 45, 90); |
|
#include #include CCScene *T13Action::scene() { CCScene * T13Action * scene->addChild(layer); return } bool { TBack::init(); CCSprite * CCSprite * man->setPosition(ccp(100, //第一个參数表示的是时间,后面3个分别表示的是RGB颜色 //以下会使图片由亮色变成暗色 CCTintTo * CCTintTo * man->runAction(to); addChild(man); return } //原生画图,每一帧都会画图 void { //第一个參数为起始点 //第二个參数为控制点 //第三个參数为控制点 //第四个为终止点 //第五个为段 ccDrawCubicBezier( ccp(100, 160), ccp(200, 300), ccp(300, 20), ccp(400, 160), 100); } |
|
执行结果:
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdG90b3R1enVvcXVhbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt=""> |
CCFadeIn CCFadeOut
淡入淡出
|
bool { TBack::init(); CCSprite * CCSprite * man->setPosition(ccp(100, //渐近显示 CCFadeIn *in = //渐出显示 CCFadeOut *out man->runAction(in); addChild(man); return } |
CCFadeTo 渐进到某个透明度上去
|
bool { TBack::init(); CCSprite * CCSprite * man->setPosition(ccp(100, //第一个表示时间,第二个參数为透明度 CCFadeTo * in = man->runAction(in); addChild(man); return } |
9 CCCardinalSplineTo
具体解释
|
CCPointArray * array = CCPointArray::create(5); array->addControlPoint(ccp(100,160)); array->addControlPoint(ccp(200, 160)); array->addControlPoint(ccp(200, 250)); array->addControlPoint(ccp(300, 250)); array->addControlPoint(ccp(300, 160)); array->addControlPoint(ccp(450, 160)); CCCardinalSplineTo * to = CCCardinalSplineTo::create(2, array,1); |
|
#include #include CCScene *T13Action::scene() { CCScene * T13Action * scene->addChild(layer); return } bool { TBack::init(); CCSprite * CCSprite * man->setPosition(ccp(100, //以下表示6个点 CCPointArray *array = //一下表示每一个点的坐标 array->addControlPoint(ccp(100,160)); array->addControlPoint(ccp(200, array->addControlPoint(ccp(200, array->addControlPoint(ccp(300, array->addControlPoint(ccp(300, array->addControlPoint(ccp(450, //array->addControlPoint(ccp(0,0)); //array->addControlPoint(ccp(100, 0)); //array->addControlPoint(ccp(100, 90)); //array->addControlPoint(ccp(200, 90)); //array->addControlPoint(ccp(200, 0)); //array->addControlPoint(ccp(450, 0)); CCCardinalSplineTo * CCCardinalSplineTo * CCSequence * //CCCardinalSplineBy * by = CCCardinalSplineBy::create(5, array, 1); //CCCardinalSplineBy * byRev = (CCCardinalSplineBy //CCSequence * seq = CCSequence::create(by, byRev, NULL); //man->runAction(to); man->runAction(seq); addChild(man); return } //原生画图。每一帧都会画图 void { CCPointArray *array = array->addControlPoint(ccp(100, array->addControlPoint(ccp(200, array->addControlPoint(ccp(200, array->addControlPoint(ccp(300, array->addControlPoint(ccp(300, array->addControlPoint(ccp(450, ccDrawCardinalSpline(array, 1, 100); } 执行结果: |
|
CCPointArray * array = CCPointArray::create(5); //以下的坐标是相对位置的坐标 array->addControlPoint(ccp(0, 0)); array->addControlPoint(ccp(100, 0)); array->addControlPoint(ccp(100, 90)); array->addControlPoint(ccp(200, 90)); array->addControlPoint(ccp(200, 0)); array->addControlPoint(ccp(350, 0)); CCCardinalSplineBy * by = CCCardinalSplineBy::create(2, array, 1); |
|
通过这样的方式实现有来有去 CCCardinalSplineBy * byRev = (CCCardinalSplineBy *)by->reverse(); CCSequence * seq = CCSequence::create(by, byRev, NULL); CCBlink * blink = CCBlink::create(2,10); CCSpawn * spa = CCSpawn::create(seq,blink,NULL); |
CCBlink CCSpawn
|
#include #include CCScene *T13Action::scene() { CCScene * T13Action * scene->addChild(layer); return } bool { TBack::init(); CCSprite * CCSprite * man->setPosition(ccp(100, //5秒钟闪烁10次 CCBlink * man->runAction(blink); addChild(man); return } //原生画图。每一帧都会画图 void { CCPointArray *array = array->addControlPoint(ccp(100, array->addControlPoint(ccp(200, array->addControlPoint(ccp(200, array->addControlPoint(ccp(300, array->addControlPoint(ccp(300, array->addControlPoint(ccp(450, ccDrawCardinalSpline(array, 1, 100); } |
CCSpawn
让两个动作同一时候进行
|
#include #include CCScene *T13Action::scene() { CCScene * T13Action * scene->addChild(layer); return } bool { TBack::init(); CCSprite * CCSprite * man->setPosition(ccp(100, CCPointArray * array = array->addControlPoint(ccp(100,160)); array->addControlPoint(ccp(200, array->addControlPoint(ccp(200, array->addControlPoint(ccp(300, array->addControlPoint(ccp(300, array->addControlPoint(ccp(450, CCCardinalSplineTo * //5秒钟闪烁10次 CCBlink * //通过spawn的方式实现两个动过同一时候进行 CCSpawn * man->runAction(spawn); addChild(man); return } //原生画图。每一帧都会画图 void { CCPointArray *array = array->addControlPoint(ccp(100, array->addControlPoint(ccp(200, array->addControlPoint(ccp(200, array->addControlPoint(ccp(300, array->addControlPoint(ccp(300, array->addControlPoint(ccp(450, ccDrawCardinalSpline(array, 1, 100); } |
CCRepeat CCRepeatForever
(关于跳转)
|
#include #include CCScene *T13Action::scene() { CCScene * T13Action * scene->addChild(layer); return } bool { TBack::init(); CCSprite * CCSprite * man->setPosition(ccp(100, //2秒内条1次 CCJumpBy * //反复10个2秒 CCRepeat * //man->runAction(CCRepeatForever::create(by)); man->runAction(repeat); addChild(man); return } //原生画图。每一帧都会画图 void { CCPointArray *array = array->addControlPoint(ccp(100, array->addControlPoint(ccp(200, array->addControlPoint(ccp(200, array->addControlPoint(ccp(300, array->addControlPoint(ccp(300, array->addControlPoint(ccp(450, ccDrawCardinalSpline(array, 1, 100); } |
版权声明:本文博客原创文章,博客,未经同意,不得转载。
CCPlace,CCFlip*,CCToggleVisibility,CCMoveTo*,CCJumpTo*,CCScale*,CCRotate*,CCSkew*,fade,CCCardinalSp*的更多相关文章
- CCMoveTo 等函数理解
CCMoveTo: 使用CCMoveTo action来让对象从右侧屏幕外移动到屏幕左侧.注意可以通过指定duration参数控制这一过程需要多久,这里我们随机给他2-4秒的时间. CCCallFun ...
- [一位菜鸟的COCOS-2D编程之路]COCOS2D中得动作,特效和动画
一,CCActionManager 管理所有节点动作的对象 来看看打飞机里面的一个onEnter 方法 - (void)onEnter { [super onEnter]; //一定要注意添加此方法, ...
- cocos2dx进阶学习之CCAction
CCAction在cocos2dx中,抽象了节点的动作.它由CCObject派生,因此它不是渲染节点. 它经常的用法是,创建一个action,然后让某个CCNode对象(一般是精灵),去执行它. 在马 ...
- 九、cocos2dx之Actions
本文由qinning199原创,转载请注明:http://www.cocos2dx.net/?p=86 Action是CCNode对象的一种顺序.这些动作经常改变对象的一些属性,比如位置,旋转,缩放等 ...
- cocos2d-x开发记录:二,基本概念(动作,动画,坐标系统)
既然我们选择用cocos2d,那么他里面的一些基本概念我们肯定是要熟悉下的,以下资料来源于官网,英语好的可以直接去官网看. 一.Actions(动作) 动作都由于CCNode对象发出.这些动作通常修改 ...
- CCAction详解
http://blog.csdn.net/bailongvip/article/details/7895370 转载自雨松MOMO程序研究院 上一章我们了解了CCNode的实现原理,这次我跟大家探讨一 ...
- cocos2dx基础篇(19) 基本动作CCAction
[3.x] (1)去掉"CC" (2)新增了一些动作:(精力有限,新增的动作请自行摸索) > EaseBezierAction > EaseQuadra ...
- cocos2d-x CCAction:动作(转)
透明度变化的功能挺不错. 瞬时动作 瞬时动作不需要时间,立即完成 [cpp] //放置,=setPosition() pRole->runAction(CCPlace::create ...
- cocos2d-x高级学习
弱联网开发技术: libcurl 添加lib文件:libcurl_imp.lib pthreadVCE2.lib 添加头文件:#include"curl/curl.h" curl ...
随机推荐
- tp5 thinkphp5 index.php隐藏 iis 重写 伪静态
面临的问题如下: 网上找了个源码,tp5的,公司服务器是iis,源码是隐藏index.php使用了路由,iis默认去找那个路径的文件了,找不到,所以报错了 如果没有iis没有安装"url重写 ...
- stackedit
https://github.com/benweet/stackedit/ https://github.com/waltcow/blog/issues/4
- Spring的事务管理和数据库事务相关知识
1 初步理解 理解事务之前,先讲一个你日常生活中最常干的事:取钱. 比如你去ATM机取1000块钱,大体有两个步骤:首先输入密码金额,银行卡扣掉1000元钱:然后ATM出1000元钱. ...
- ImageView一例 分类: H1_ANDROID 2013-10-30 23:02 1812人阅读 评论(0) 收藏
参考自<疯狂android讲义>2.4节 效果如下: 当点击图上某点时,将之附近放大至下图. 布局文件: <LinearLayout xmlns:android="http ...
- jquery-12 折叠面板如何实现(两种方法)
jquery-12 折叠面板如何实现(两种方法) 一.总结 一句话总结:1.根据点击次数来判断显示还是隐藏,用data方法保证每个元素一个点击次数:2.找到元素的下一个,然后toggle实现显示隐藏. ...
- MinGW 与MSVC的区别
Qt 中有两种方式编译,一种是MinGW ,另一种MSVC. 其中:MSVC是指微软的VC编译器 MingGW是指是Minimalist GNU on Windows的缩写.它是一个可自由使用和自由发 ...
- 【23.58%】【code forces 321E】Ciel and Gondolas
time limit per test4 seconds memory limit per test512 megabytes inputstandard input outputstandard o ...
- [Docker] Build Your Own Custom Docker Image
In this lesson we will cover how to build your own custom Docker image from scratch. We'll walk thro ...
- 走进windows编程的世界-----窗体的注冊及创建
1 窗体注冊和创建 1.1WIN32 窗体程序创建步骤 1.WinMain入口函数的定义 2.WindowProc函数的定义 3.注冊窗体类 RegisterClass.RegisterClass ...
- 教你如何利用php.exe运行php文件
教你如何利用php.exe运行php文件 一.总结 一句话总结:就是使用的php.exe,和java中的javac一样,都是有exe,然后有了对应命令,比如php.exe,然后就可以用php命令. 1 ...