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 ...
随机推荐
- linux下如何获取某一进程占用的物理内存和虚拟内存
首先,ps -A查看你所查看进程的进程号 ps -A 加入进程号为pid 那么使用如下脚本,可以打印该进程使用的虚拟内存和物理内存: root@Storage:/mnt/mtd# cat rss.sh ...
- PHP 正则截取符合条件的字符串成为数组
$str2 = '<p>678678<em>111111<img src="http://www.XXX.top/upload/image/20180709/1 ...
- Xamarin Android 绑定 UVCCamera
这段时间工作上需要在Android设备上读取视频.摄像头用的是奥比中光的3D摄像头.我手上的摄像头的彩色通道使用的的UVC协议的. 在Xamarin上可用的UVC的封装基本上没有,只有一个小伙在Xam ...
- SpringBoot学习:获取yml和properties配置文件的内容(转)
项目下载地址:http://download.csdn.net/detail/aqsunkai/9805821 (一)yml配置文件: pom.xml加入依赖: <!-- 支持 @Configu ...
- [Elm] Installing and setting up Elm
Before writing any Elm we need to first install the runtime locally. In this lesson we install the E ...
- auto_create_partition
#!/usr/bin/env python # -*- encoding: utf8 -*- import calendar import time import os import sys from ...
- 在Excel中粘贴时怎样跳过隐藏行
http://www.excel123.cn/Article/exceljichu/201203/932.html 有时在筛选后需要将其他区域中的连续行数据复制粘贴到筛选区域,以替换筛选后的数据.由于 ...
- udp绑定信息
1. udp网络程序-端口问题 会变的端口号 重新运行多次脚本,然后在“网络调试助手”中,看到的现象如下: 说明: 每重新运行一次网络程序,上图中红圈中的数字,不一样的原因在于,这个数字标识这个网络程 ...
- Android的NDK开发(5)————Android JNI层实现文件的read、write与seek操作
1. 在Android的Java层实现文件的读写操作是非常简单的,可以参看之前写的博文:http://blog.csdn.net/conowen/article/details/7296121 在JN ...
- dom对象常用的属性和方法有哪些?
dom对象常用的属性和方法有哪些? 一.总结 一句话总结: 1.document属性和方法:document的属性有head,body之类,方法有各种获取element的方法 2.element的属性 ...