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. Android自定义组件系列【12】——非UI线程绘图SurfaceView

    一.SurfaceView的介绍 在前面我们已经会自定义View,使用canvas绘图,但是View的绘图机制存在一些缺陷. 1.View缺乏双缓冲机制. 2.程序必须重绘整个View上显示的图片,比 ...

  2. 小米开源文件管理器MiCodeFileExplorer-源码研究(8)-文件排序工具类FileSortHelper

    FileSortHelper的核心功能就是,对文件集合FileInfo排序.FileInfo有若干字段,根据字段定义了4种比较器Comparator.调用示例:Collections.sort(Lis ...

  3. android 自己定义状态栏和导航栏分析与实现

    效果 android 4.4之后,系统是支持自己定义状态栏和导航栏的.举个最典型的样例就是bilibiliclient了(iOS版本号和android版本号能用两套全然不一样符合各自系统的设计ui,良 ...

  4. c++运算符重载笔记

    运算符重载的概念:给原有的运算符赋予新的功能: 比如:+ 不仅可以做算术运算也可以连接俩个字符串 一元运算符:只与一个操作数进行运算 比如 正负号 运算符重载的本质是:函数重载. <<与& ...

  5. WebService三大基本元素 SOAP WSDL UDDI

    转自:https://blog.csdn.net/hhooong/article/details/51763128 1.SOAP 即 Simple Object AccessProtocol 也就是简 ...

  6. Java学习笔记三.3

    9.异常处理:Java中的异常处理对象就是将以前的if语句进行的判断进行抽象化,并形成的一套错误处理体系.最顶端是Throwable,接着是Error,Exception,其中Exception又明显 ...

  7. python学习三:列表,元组

    1.列表: 1.列表的定义方式: list1 = [1,2,3,4,"hello","world"] 如上所示,list1就是一个列表,列表的内容以中括号包含起 ...

  8. Vue框架学习笔记

    <div id="app"> </div> var app = new Vue({ el:"#app", // 绑定的元素 data:{ ...

  9. 洛谷 P2694 接金币

    P2694 接金币 题目描述 在二维坐标系里,有N个金币,编号0至N-1.初始时,第i个金币的坐标是(Xi,Yi).所有的金币每秒向下垂直下降一个单位高度,例如有个金币当前坐标是(xf, yf),那么 ...

  10. C++ 学习路线推荐

        相信有非常大一部分学计算机的童鞋都是靠自学,即使本身是计算机专业的同学,也会认为只通过课堂上的学习是远远不够的,并且在上课时所用到的教材也不够好.然而自学的时候有个非常大的问题就是找不到合适的 ...