1
类图组织

2
实例

CCSprite * spr = CCSprite::create("HelloWorld.png");

spr->setPosition(ccp(winSize.width/2,winSize.height/2));

addChild(spr);

//GridAction

//CCFlipX3D * action = CCFlipX3D::create(2);

//CCFlipY3D * action = CCFlipY3D::create(2);

//CCLens3D * action = CCLens3D::create(2,

CCSize(20,20),ccp(240,160),100);

//CCLiquid * action = CCLiquid::create(4, CCSize(20, 20), 20, 35);

//CCPageTurn3D * action = CCPageTurn3D::create(2, CCSize(20,20));

//CCRipple3D * action = CCRipple3D::create(2,

CCSize(20,20),ccp(240,160),40,20,30);

//CCShaky3D * action = CCShaky3D::create(2,

CCSize(20,20),20,false);

//CCTwirl * action = CCTwirl::create(2,

CCSize(20,20),ccp(240,160),3,30);

//CCWaves * action = CCWaves::create(2,

CCSize(20,20),30,30,false,true);

//CCWaves3D * action = CCWaves3D::create(2, CCSize(20,20),30,30);

3
 Y轴 
3D反转特效(CCFlipX3D)

CCActionInterval* filpX = CCFlipX3D::create(5);

sp->runAction(filpX);

//作用:Y轴3D反转特效

//參数:特效持续的时间

案例:

T18Grid3D.h

#ifndef
__T18Grid3D_H__

#define
__T18Grid3D_H__

#include
"cocos2d.h"

#include
"TBack.h"

USING_NS_CC;

class
T18Grid3D :public
TBack

{

public:

static
CCScene *
scene();

CREATE_FUNC(T18Grid3D);

bool
init();

};

#endif

T18Grid3D.cpp

#include
"T18Grid3D.h"

#include
"AppMacros.h"

CCScene *T18Grid3D::scene()

{

CCScene *
scene =
CCScene::create();

T18Grid3D *
layer =
T18Grid3D::create();

scene->addChild(layer);

return
scene;

}

bool
T18Grid3D::init()

{

TBack::init();

//Grid3D

CCSprite *
spr =
CCSprite::create("HelloWorld.png");

spr->setPosition(ccp(winSize.width
/ 2, winSize.height
/ 2));

addChild(spr);

//x轴 
3D反转特效

CCActionInterval*
filpX =
CCFlipX3D::create(5);

spr->runAction(filpX);

return
true;

}

执行效果:

Y轴3D发转特效

CCActionInterval* filpY = CCFlipY3D::create(5);

spr->runAction(filpY);

#include
"T18Grid3D.h"

#include
"AppMacros.h"

CCScene *T18Grid3D::scene()

{

CCScene *
scene =
CCScene::create();

T18Grid3D *
layer =
T18Grid3D::create();

scene->addChild(layer);

return
scene;

}

bool
T18Grid3D::init()

{

TBack::init();

//Grid3D

CCSprite *
spr =
CCSprite::create("HelloWorld.png");

spr->setPosition(ccp(winSize.width
/ 2, winSize.height
/ 2));

addChild(spr);

//x轴 
3D反转特效

CCActionInterval *
filpY =
CCFlipY3D::create(5);

spr->runAction(filpY);

return
true;

}

执行效果:

凸透镜特效

CCLen3D * CCLen3D::create(float duration,const CCSize & gridSize,const CCPoint& position,float radius);

(CCPointMake表示的是创建一个点)

CCActionInterval* lens = CCLens3D::create(2, CCSize(10, 10),CCPointMake(240, 160), 240);

spr->runAction(lens);

作用:凸镜特效

參数:网格持续的时间

參数:网格大小

參数:凸透镜中心点

參数:凸镜半径

#include
"T18Grid3D.h"

#include
"AppMacros.h"

CCScene *T18Grid3D::scene()

{

CCScene *
scene =
CCScene::create();

T18Grid3D *
layer =
T18Grid3D::create();

scene->addChild(layer);

return
scene;

}

bool
T18Grid3D::init()

{

TBack::init();

//Grid3D

CCSprite *
spr =
CCSprite::create("HelloWorld.png");

spr->setPosition(ccp(winSize.width
/ 2, winSize.height
/ 2));

addChild(spr);

//凸透镜特效

CCLens3D *
action =
CCLens3D::create(20,CCSize(20,20),

ccp(240,160),100);

spr->runAction(action);

return
true;

}

执行结果:

CCLiquid* CCLiquid::create(float duration, const CCSize& gridSize, unsigned int waves, float amplitude);

spr->runAction(liquid);

作用:液体特效

參数:特效持续时间

參数:网格大小

參数:wave个数

參数:振幅

#include
"T18Grid3D.h"

#include
"AppMacros.h"

CCScene *T18Grid3D::scene()

{

CCScene *
scene =
CCScene::create();

T18Grid3D *
layer =
T18Grid3D::create();

scene->addChild(layer);

return
scene;

}

bool
T18Grid3D::init()

{

TBack::init();

//Grid3D

CCSprite *
spr =
CCSprite::create("HelloWorld.png");

spr->setPosition(ccp(winSize.width
/ 2, winSize.height
/ 2));

addChild(spr);

//液体震荡特效

CCLiquid *action
= CCLiquid::create(8,CCSize(4,4),10,3);

spr->runAction(action);

return
true;

}

执行结果(出现液体的震荡效果):

3D
翻页特效

CCPageTurn3D* CCPageTurn3D::create(float duration, const CCSize& gridSize);

CCActionInterval * pageTurn3D = CCPageTurn3D::create(4,CCSize(20,20));

spr->runAction(pageTurn3D);

//作用:3D翻页特效

//參数:特效持续的时间

//參数:网格大小

#include
"T18Grid3D.h"

#include
"AppMacros.h"

CCScene *T18Grid3D::scene()

{

CCScene *
scene =
CCScene::create();

T18Grid3D *
layer =
T18Grid3D::create();

scene->addChild(layer);

return
scene;

}

bool
T18Grid3D::init()

{

TBack::init();

//Grid3D

CCSprite *
spr =
CCSprite::create("HelloWorld.png");

spr->setPosition(ccp(winSize.width
/ 2, winSize.height
/ 2));

addChild(spr);

//3D
翻页特效

CCPageTurn3D *
action =
CCPageTurn3D::create(20,
CCSize(20, 20));

spr->runAction(action);

return
true;

}

水波纹特效

CCRipple3D* CCRipple3D::create(

float duration,

const CCSize& gridSize,

const CCPoint& position,

float radius,

unsigned int waves,

float amplitude);

作用:水波特效

參数:特效持续的时间

參数:网格大小

參数:起始位置

參数:半径

參数:速率

參数:振幅

#include
"T18Grid3D.h"

#include
"AppMacros.h"

CCScene *T18Grid3D::scene()

{

CCScene *
scene =
CCScene::create();

T18Grid3D *
layer =
T18Grid3D::create();

scene->addChild(layer);

return
scene;

}

bool
T18Grid3D::init()

{

TBack::init();

//Grid3D

CCSprite *
spr =
CCSprite::create("HelloWorld.png");

spr->setPosition(ccp(winSize.width
/ 2, winSize.height
/ 2));

addChild(spr);

//水波纹特效

CCActionInterval *
action =
CCRipple3D::create(

10,                     //特效持续的时间

CCSize(10, 10),        
//网格大小

CCPointMake(240, 210), 
//起始位置

40,                     //半径

6,                      //速率

160);                   //振幅

spr->runAction(action);

return
true;

}

3D
晃动特效

CCShaky3D *CCShaky3D::create(float duration,const CCSize& gridSize,int range,bool shakeZ);

CCActionInterval* shaky3D = CCShaky3D::create(5, CCSize

2.CCGridAction(3D效果),3D反转特效,凸透镜特效,液体特效,3D翻页特效,水波纹特效,3D晃动的特效,扭曲旋转特效,波动特效,3D波动特效的更多相关文章

  1. Android特效专辑(十一)——仿水波纹流量球进度条控制器,实现高端大气的主流特效

    Android特效专辑(十一)--仿水波纹流球进度条控制器,实现高端大气的主流特效 今天看到一个效果挺不错的,就模仿了下来,加上了一些自己想要的效果,感觉还不错的样子,所以就分享出来了,话不多说,上图 ...

  2. transform3D实现翻页效果

    ---恢复内容开始--- 闲篇 最近升级了下百度音乐,唯一的感觉就是动画效果很炫丽.我不是个对产品很敏感的人,但是这段时间观察一些大厂的产品发现现在的APP越来越重视动画效果了.大家可能没有注意过,连 ...

  3. jQuery旋转木马仿3D效果的图片切换特效代码

    用jQuery实现的一款仿3D效果的图片切换特效代码,类似旋转木马一样,幻灯图片以三维视觉上下滑动切换,效果很酷炫,兼容IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜 ...

  4. 视频特效制作:如何给视频添加边框、水印、动画以及3D效果

    2014-12-08 09:47 编辑: suiling 分类:iOS开发 来源:叶孤城的blog 招聘信息: iOS手机软件开发工程师 iOS工程师 Web后端高级开发工程师 iOS软件工程师 ja ...

  5. CSS3打造3D效果——perspective transform的深度剖析

    声明:此篇博文虽是自己手写,但大量资源取自 张鑫旭 的博文.想看更详细 更专业的剖析请看张鑫旭的博文. 昨天对css3的transform做了初步的分析和认识,突然看到perspective属性,调了 ...

  6. css3 3D效果

    css3 3D变形 transfrom初学 这个礼拜学了css3 3d,感觉到css无穷的魅力,可以通过几个特定的代码符号创建出3D效果的页面. ___ 透视 一个元素需要一个透视点才能激活3D空间, ...

  7. 一篇文章搞定css3 3d效果

    css3 3d学习心得 卡片反转 魔方 banner图 首先我们要学习好css3 3d一定要有一定的立体感 通过这个图片应该清楚的了解到了x轴 y轴 z轴是什么概念了. 首先先给大家看一个小例子: 卡 ...

  8. HTML5和CSS3实现3D转换效果 CSS3的3D效果

    上次,我们一起研究了css3的2d模块,这次我们一起来看一下css3的3d模块. 首先,我们来了解一下3d的坐标系,x轴在屏幕上为水平方向,y轴为垂直方向,而z轴为垂直于屏幕的方向. 不理解的话可以参 ...

  9. css3的过渡、动画、2D、3D效果

    浏览器的内核: 谷歌的内核是:webkit 火狐的内核是:gecko Ie的内核是:trident 欧鹏的内核是:presto 国内浏览器的内核:webkit css3针对同一样式在不同的浏览器的兼容 ...

随机推荐

  1. Java的IO流架构

    输入输出是指应用程序与外部设备及其他计算机进行数据交流的操作,如读写硬盘数据.向显示器输出数据.通过网络读取其他节点的数据等.任何一种编程语言必须拥有输入输出的处理方式,Java语言也不例外.Java ...

  2. sql server 怎样用select语句调用自定义表值函数

    --自定义函数的参数是表的字段,这种情况要用cross apply啦Select B.* FROM [master].[dbo].[分列测试] A cross apply dbo.f_split(应用 ...

  3. css--两行显示省略号兼容火狐浏览器

    css--两行显示省略号兼容火狐浏览器 正常写法: .ellipse1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} . ...

  4. flask使用第三方云通讯平台时,出现{'172001':'网络错误'}解决方法

    问题描述:flask使用第三方云通讯平台时,出现{'172001':'网络错误'} 解决方法: 在sms.py文件中添加如下代码 import ssl # 取消证书验证ssl._create_defa ...

  5. 【原创】k8s源代码分析-----EndpointController

    转自本人空间 http://user.qzone.qq.com/29185807/blog/1459325937 一.controller manager创建endpointController 代码 ...

  6. js18--继承方式

    方式1:子类.prototype = 父类对象 Boy.prototype = new Person(); Sub.prototype = new Sup('张三');   //可以传参数也可以不传 ...

  7. worktools-源码下拉问题

    今天下拉源码的时候,出现了一个问题,就是当地的内容跟仓库的内容冲突,导致merge冲突.这时候CC指令不能用.然后希望通过checkout到其他分支,然后cc掉的.结果没办法切换到其他分支,一直停留在 ...

  8. 引用 Windows Server 2003 FTP服务器配置详解

    引用 昆神之星 的 Windows Server 2003 FTP服务器配置详解 1.FTP文件传输协议,主要用于计算机之间文件传输,是互联网上仅次于www的第二大服务.本文主要演示如何在Window ...

  9. 团队作业-Beta冲刺(1)

    这个作业属于哪个课程 https://edu.cnblogs.com/campus/xnsy/SoftwareEngineeringClass2 这个作业要求在哪里 https://edu.cnblo ...

  10. Atcoder AtCoder Regular Contest 079 E - Decrease (Judge ver.)

    E - Decrease (Judge ver.) Time limit : 2sec / Memory limit : 256MB Score : 600 points Problem Statem ...