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

最新推荐文章于 2018-08-27 00:05:43 发布
最新推荐文章于 2018-08-27 00:05:43 发布
阅读量2.1k 收藏
点赞数
分类专栏： # cocos2dx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tototuzuoquan/article/details/40593841
版权


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;

}

运行结果：

 

涂作权的博客
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
cocos2d-x 3.1.1 学习笔记［4］GridActions 网格动画
zhouyunxuan的专栏
07-02 1万+
老样子。见代码。 //GridActions can only used on NodeGrid auto nodeGrid = NodeGrid::create(); auto sp = Sprite::create("card_bg_big_26.jpg"); sp->setPosition(Vec2(320, 480)); sp->set
CCActionGrid3D(一些基础网格动作（操控网格数据实现）CCWaves3D CCFlipX3D CCRipple3D CCShaky3D CCLiquid CCTwirl)
sssssNian的专栏
05-21 1634
#ifndef __ACTION_CCGRID3D_ACTION_H__ #define __ACTION_CCGRID3D_ACTION_H__ #include "CCActionGrid.h" NS_CC_BEGIN /**  * @addtogroup actions  * @{  */ /**
cocos2dx之CCFlipX,CCFlipY
专注，努力，勤奋
01-15 7509
CCFlipX,CCFlipY 这两个类都是继承了CCActionInstance,分别是围绕X，Y轴进行旋转，例子代码： CCSprite *sprite1 = CCSprite::create(); sprite1->initWithTexture(texture2d); sprite1->setAnchorPoint(ccp(0.5f, 0.5f));
cocos2dx 常见的22种特效 3D特效
热门推荐
zmzsoftware的专栏
08-04 2万+
cocos2dx 常用的特效集合。。。。。。。。。。。。。。。。。。。。。。。。。。。
cocos2dx基础篇(20) 扩展动作CCGridAction
Obliviate的博客
08-27 275
【3.x】     （1）去掉“CC”   【CCGridAction】     CCGridAction有两个子类：CCGrid3DAction、CCTiledGrid3DAction。而我们关注的就是这两个子类所派生出来的一些格子动作。     （1）CCGrid3DAction：      是基于格子的动作。     （2）CCTiledGrid3DAction： 是基于网格的动...
jquery实现3D反转焦点图特效代码下载.zip
07-05
《使用jQuery实现3D反转焦点图特效的详细解析与实践》 在网页设计中，吸引用户注意力的一个重要手段就是使用动态、引人入胜的视觉效果。jQuery作为一款强大的JavaScript库，提供了丰富的功能来帮助开发者实现这样的...
jquery实现3D反转焦点图特效
10-27
本篇文章将详细讲解如何利用jQuery实现一个3D反转焦点图特效，这是一种常见的网页动态效果，可以提升用户体验，吸引用户的注意力。 首先，我们需要理解3D反转的概念。在计算机图形学中，3D反转通常指的是通过旋转或...
jquery实现的3D反转焦点图特效源码.zip
11-18
《jQuery实现的3D反转焦点图特效解析》 在当今的网页设计中，动态效果的运用已经成为提升用户体验的重要手段之一。jQuery，一个轻量级、高性能的JavaScript库，以其丰富的功能和简洁的API，深受开发者喜爱。本篇...
jQuery+CSS3弹跳球碰撞动画特效.zip
最新发布
09-22
《jQuery与CSS3结合实现弹跳球碰撞动画特效详解》 在Web开发中，动态效果是提升用户体验的重要手段。本文将深入探讨如何利用jQuery库和CSS3技术来创建一个生动有趣的弹跳球碰撞动画特效。这个特效适用于网页游戏、...
cocos2dx-3.2 3DAction 一些3D特效
学无止境! 无休无止!
10-07 1644
ffffsffsfsff 目录(?)[+] ～～～～我的生活，我的点点滴滴！！ 网格属性就像是一个个交叉形成的一系列的矩形。任何Node对象（Layer，Scene，Sprite等等）都具有这种特殊的属性，你可以通 过移动他们的顶点来变换这些网格。 有两种类型的网格：平铺的网格和非平铺的网格。他们两者的区别是平铺的网格由单个的网格组
RuPengGame游戏引擎 精灵 createSprite 创建 setSpritePosition 设置位置 playSpriteAnimate 播放动画 setSpriteFlipX设置翻转 精...
weixin_34388207的博客
10-15 306
package com.swift; import java.awt.Point; import com.rupeng.game.GameCore;//导入游戏引擎包 public class Game_RuPeng implements Runnable { public static void main(String[] args) { G...
cocos2d-x节点（CCActionGrid.h)API
runaying的专栏
12-08 2089
本文来自http://blog.csdn.net/runaying ，引用必须注明出处！ cocos2d-x节点（CCActionGrid.h)API 温馨提醒：为了大家能更好学习，强烈推荐大家看看本人的这篇博客 Cocos2d-X权威指南笔记 各种网格 action 效果 ///cocos2d-x-3.0alpha0/cocos2dx/actions //各种网格 act
在Cocos2d-X中玩转精灵
meishadevs的个人博客
09-28 3432
创建一个Cocos2d-X
CCActionGrid(网格动作2大基类:CCActionGrid3D CCActionTiledGrid（都继承自CCActionGrid ）+ 改变网格动作速率的修饰动作)
sssssNian的专栏
05-21 1079
#ifndef __ACTION_CCGRID_ACTION_H__ #define __ACTION_CCGRID_ACTION_H__ #include "CCActionInterval.h" #include "CCActionInstant.h" NS_CC_BEGIN class CCGridBase;
我的Cocos2d-x学习笔记（十八）CCGridAction
箭已离弓的专栏
06-03 481
CCGridAction实现一些格子动作效果。继承关系如下： 实例： CCSprite * spr = CCSprite::create("HelloWorld.png"); spr->setPosition(ccp(200, 200)); addChild(spr); //GridAction //CCFlipX3D * action = CCFlipX3D::create
3DSLAM构建 RGBD-SLAM安装及跑bag流程
qq_29796781的博客
04-20 2534
参考：http://rosclub.cn/post-971.html代码下载 https://github.com/felixendres/rgbdslam_v2步骤1. 下载rgbdslam ros包解压到catkin_ws/src 下wget -q http://github.com/felixendres/rgbdslam_v2/archive/indigo.zip unzip -q ind...
cocos2d-x Action实现原理
github_28498881的博客
05-26 2157
Action是一个非常低阶的动画系统，它通过在一段时间内对Node元素的某些属性进行插值计算。 Action的用法就不讲了，现在我想对Action的整个实现以及执行流程分析。 动作类的基类是Action，通过继承它可以实现很多种动作。　　FiniteTimeAction：有限次动作执行类，就是按时间顺序执行一系列动作，执行完后动作结束；　　Speed：调整实体(节点)的执行速度；　　Follow
CCActionGird源码分析
Freedom！
08-22 428
这个文件中是一些网格动作，网格动作的效果还是可以的，但是，网格动作对效率的影响也是十分明显的，之前用网格动作代替怪兽死亡的动画，一两只还好，当有大批怪兽死亡的时候，效率就十分低了。所以，网格动作可能不太适合同时有太多对象执行。 代码： /** @class GridAction @brief Base class for Grid actions. @details Grid act
Photoshop滤镜特效：创造独特图像效果
本文将深入探讨图像特效中的滤镜功能，主要关注如何在Photoshop中使用滤镜来创造独特的视觉效果。图像特效是平面设计的重要组成部分，通过巧妙地调整和应用滤镜，设计师能够将普通的素材转化为引人入胜的艺术作品。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

涂作权的博客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值