备案控制台
探索云世界
开发者社区 云计算 文章 正文

2.CCGridAction(3D效果)，3D反转特效，凸透镜特效，液体特效，3D翻页特效，水波纹特效，3D晃动的特效，扭曲旋转特效，波动特效，3D波动特效

2014-10-29 1509
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：  1 类图组织 2 实例 CCSprite * spr = CCSprite::create("HelloWorld.png"); spr->setPosition(ccp(winSize.width/2,winSize.height/2)); addChild(spr);   //GridAction


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(10, 10), 15, false);

sp->runAction(shaky3D);

作用：创建一个3d晃动的特效

参数：特效持续的时间

参数：网格大小

参数：晃动的范围

参数：是否有Z轴晃动

#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);

 

    CCShaky3D * action = CCShaky3D::create(

        20,                //特效持续的时间

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

        60,                //晃动的范围

        true);             //是否有z轴晃动

 

    spr->runAction(action);

 

    return true;

}

扭曲旋转特效

CCTwirl* CCTwirl::create(float duration, const CCSize& gridSize, CCPoint position, unsigned int twirls, float amplitude);

CCActionInterval* twirl = CCTwirl::create(50, CCSize(10, 10), CCPointMake(240, 160), 2, 2.5);

sp->runAction(twirl);

//作用：扭曲旋转特效

//参数：特效持续时间

//参数：网格大小

//参数：扭曲旋转中心点

//参数：扭曲旋转的次数

//参数：振幅

#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 = CCTwirl::create(

        50,                     //特效持续时间  

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

        CCPointMake(240, 160), //扭曲旋转中心点

        2,                      //扭曲旋转的次数

        2.5);                   //振幅

 

    spr->runAction(action);

 

    return true;

}

波动特效

CCWaves* CCWaves::create(

float duration,

const CCSize& gridSize,

unsigned int waves,

float amplitude,

bool horizontal,

bool vertical);

作用：创建一个波动特效

参数：特效持续时间

参数：网格大小

参数：波动的速率

参数：振幅

参数：水平波动

参数：垂直波动

#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);

 

    //创建一个波动特效

    CCWaves * action = CCWaves::create(

        20,                //特效持续时间

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

        30,                //波动的速率

        30,                //振幅

        false,             //水平波动

        true);             //垂直波动

 

    spr->runAction(action);

 

    return true;

}

运行结果：

3D波动特效(创建一个3D波动特效)

CCWaves3D* CCWaves3D::create(

float duration,

const CCSize& gridSize,

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);

 

    CCWaves3D * action = CCWaves3D::create(

        20,

        CCSize(20,20),

        30,

        30);

 

    spr->runAction(action);

 

    return true;

}

运行结果：

 

涂作权
目录
相关文章
疯狂的猿
|
1月前
|
移动开发 前端开发 HTML5
彩色大风车泡泡Canvas特效
彩色大风车泡泡Canvas特效
疯狂的猿
27 7
彩色大风车泡泡Canvas特效
疯狂的猿
|
1月前
|
移动开发 HTML5
HTML5球体下落粒子爆炸特效
HTML5球体下落粒子爆炸特效
疯狂的猿
14 1
HTML5球体下落粒子爆炸特效
疯狂的猿
|
1月前
使用html+css制作一个发光立方体特效
使用html+css制作一个发光立方体特效
疯狂的猿
23 2
使用html+css制作一个发光立方体特效
greework
|
10月前
|
移动开发 前端开发 HTML5
前端|3D立体视频翻转动画
前端|3D立体视频翻转动画
greework
164 0
羽翼轻尘
An动画基础之元件的影片剪辑效果
An动画基础之元件的影片剪辑效果
羽翼轻尘
277 0
An动画基础之元件的影片剪辑效果
羽翼轻尘
An动画基础之元件的影片剪辑动画与传统补间
An动画基础之元件的影片剪辑动画与传统补间
羽翼轻尘
225 0
An动画基础之元件的影片剪辑动画与传统补间
亮点菌
|
前端开发 开发工具
教你用HTML+CSS实现百叶窗动画效果
我们浏览网页的时候总能看见一些炫酷的特效，比如百叶窗效果，本文我们就用HTML+CSS制作一个百叶窗小项目，适合刚学前端的小伙伴，使用代码简单易懂，很容易上手，学习完本文后，相信你也能敲出来属于自己的百叶窗效果，改变图片及相应盒子的大小，有女朋友的可以试着放几张在一起的照片，也是一件非常浪漫的事
亮点菌
430 0
教你用HTML+CSS实现百叶窗动画效果
ugsqw7keswklg
自由运动滑块和小球的碰撞检测
自由运动滑块和小球的碰撞检测
ugsqw7keswklg
89 0
自由运动滑块和小球的碰撞检测
fengzhizi715
|
算法 Java 计算机视觉
模拟油画和铅笔画的滤镜效果
模拟油画和铅笔画的滤镜效果
fengzhizi715
131 0
模拟油画和铅笔画的滤镜效果
青衫无名
|
JavaScript
Javascrpit特效之打字机效果
青衫无名
1296 0

热门文章

最新文章

  • 1
    理解事务的4种隔离级别
  • 2
    疑犯追踪第一季/全集Person Of Interest迅雷下载
  • 3
    简单实用的数据建模工具PDManer
  • 4
    详细讲解！Canal+Kafka实现MySQL与Redis数据同步！
  • 5
    71.7. Script for automatic startup on boot
  • 6
    关于Oracle客户端显示乱码问题
  • 7
    PHPWAMP站点管理的“域名模式”和“端口模式”详解、均支持自定义
  • 8
    jsHelper
  • 9
    学校里学不到的东西(一)
  • 10
    Python 3 教程一:入门
  • 1
    Python的装饰器
    46
  • 2
    R语言用潜类别混合效应模型(Latent Class Mixed Model ,LCMM)分析老年痴呆年龄数据
    34
  • 3
    数据分享|R语言用logistic逻辑回归和AFRIMA、ARIMA时间序列模型预测世界人口
    33
  • 4
    【视频】马尔可夫链蒙特卡罗方法MCMC原理与R语言实现|数据分享（下）
    30
  • 5
    【视频】马尔可夫链蒙特卡罗方法MCMC原理与R语言实现|数据分享（上）
    48
  • 6
    数据分享|数据探索电商平台用户行为流失可视化分析
    46
  • 7
    电商平台数据可视化分析网红零食销量
    31
  • 8
    R语言线性回归模型拟合诊断异常值分析家庭燃气消耗量和卡路里实例带自测题
    33
  • 9
    数据分享|R语言GLM广义线性模型：逻辑回归、泊松回归拟合小鼠临床试验数据（剂量和反应）示例和自测题
    31
  • 10
    数据分享|R语言逻辑回归、线性判别分析LDA、GAM、MARS、KNN、QDA、决策树、随机森林、SVM分类葡萄酒交叉验证ROC（下）
    37

    • 相关电子书

    更多
  • 3D动画的菜谱式灯光与云渲染
  • 全景视频的播放及优化
  • 用自己的眼睛寻找个人成长之路
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）