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. #学习笔记#——JavaScript 数组部分编程(二)

    2.移除数组 arr 中的所有值与 item 相等的元素,直接在给定的 arr 数组上进行操作,并将结果返回 function removeWithoutCopy(arr, item) { if(!A ...

  2. 在gridview里查找模板里的button控件

    这个问题,真是搞了我1天,这次记住他 第一种方法: protected void GridView1_RowCommand(object sender, GridViewCommandEventArg ...

  3. js中Object.defineProperties 定义一个在原对象可读可写的方法

    function A(){ this.name = 'hellow word'; } Object.defineProperties( A.prototype,{ doSomething2 : { v ...

  4. MATLAB 最优化计算 (二)

    matlab 程序设计 1, for start:increment:end  若默认步长为1,则为 for start:end ———— end while  condition ————  end ...

  5. 使用PHP中的curl发送请求

    使用CURL发送请求的基本流程 使用CURL的PHP扩展完成一个HTTP请求的发送一般有以下几个步骤: 初始化连接句柄: 设置CURL选项: 执行并获取结果: 释放VURL连接句柄. 下面的程序片段是 ...

  6. smarty模板引擎(一)基础知识

    一.基本概念 1.什么是mvc?     mvc是一种开发模式,核心思想是:数据的输入.数据的处理.数据显示的强制分离. 2.什么是smarty?     smarty是一个php的模板引擎.更明白的 ...

  7. vim 窗口分割命令

    如何在一个窗口下面同时打开两个以及以上的文件,有横向跟纵向两种方式 一.如果在终端中开没有打开vim,可以: 横向分割显示: $ vim -o filename1 filename2 纵向分割显示: ...

  8. 新手前端笔记之--css盒子

    css盒子就是它的盒模型,所有css的布局都是以此作为基础的,很有必要来详细记录一下. 1.盒子的尺寸就是margin+padding+border+content的总和,这很好理解,但令人迷惑的可能 ...

  9. golang md5

    package main import ( "crypto/md5" "encoding/hex" "fmt" "io" ...

  10. POJ 1320 Street Numbers Pell方程

    http://poj.org/problem?id=1320 题意很简单,有序列 1,2,3...(a-1),a,(a+1)...b  要使以a为分界的 前缀和 和 后缀和 相等 求a,b 因为序列很 ...