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. single-page关于vue-router

    最近复习了vue,项目实战前有练手,做一个简单的单页面应用. 1.router-view就是我们渲染的组件,router-view被包裹在一个div中,一旦路由跳转,router-view就会被渲染为 ...

  2. GetInvocationList 委托链表

    最近发现C#程序初始化时在构造函数中,偶尔出现事件注册不成功.后查资料发现有GetInvocationList 这么一个获取类中的委托链表的函数, 使用方法如下: 1.在需委托的类(Class1)中增 ...

  3. 小米开源便签Notes-源码研究(0)-整体功能介绍(图文并茂)

    本周对小米开源文件管理器,做了整体的研究,大致弄清了源码的来龙去脉,剩下的就是重点研究几个活动的流程了. 讲解Android应用这种可视化的程序,感觉还是有图比较好,不然功能界面都不清楚,自己不好介绍 ...

  4. TOJ 2233 WTommy's Trouble

    2233.   WTommy's Trouble Time Limit: 2.0 Seconds   Memory Limit: 65536KTotal Runs: 1499   Accepted R ...

  5. opencv中的Java库

    opencv中有一个用Java编写的库,opencv2.4.4以上,在opencv解压包里路径:opencv/build/java/opencv.jar,再依据用户计算机位数选择,假设是32位计算机, ...

  6. spinner -样式实现

    这里主要是在theme中实现spinner的样式,如下  <style name="Theme.Funui" parent="Theme.Holo.Light&qu ...

  7. Android学习笔记之详细讲解画圆角图片

    package xiaosi.RoundConcer; import android.app.Activity; import android.graphics.Bitmap; import andr ...

  8. 21. Node.Js Buffer类(缓冲区)-(一)

    转自:https://blog.csdn.net/u011127019/article/details/52512242

  9. Android 用Socket实现PC和手机的文件传输

    PC服务器端代码: /* * PC与<a href="http://lib.csdn.net/base/android" class='replace_word' title ...

  10. Spring源码分析专题——目录

    Spring源码分析专题 -- 阅读指引 IOC容器 Spring源码分析专题 -- IOC容器启动过程(上篇) Spring源码分析专题 -- IOC容器启动过程(中篇) Spring源码分析专题 ...