首页 / COCOS2D / cocos2dx基础篇(22)——扩展动作CCGridAction

cocos2dx基础篇(22)——扩展动作CCGridAction

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了cocos2dx基础篇(22)——扩展动作CCGridAction，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5405字，纯文字阅读大概需要8分钟。

内容图文

【唠叨】

CCActionInterval除了上节讲的基本动作外，还有其他许多的扩展动作CCGridAction。顾名思义，就是将显示的内容分为一块块小格子，然后在格子的基础上进行一些图形的变换。

【致谢】

http://gl.paea.cn/contents/77054db9872b09b1.html

《Cocos2D-X游戏开发技术精解》刘建卓著（别误会，我不是来推销书的650) this.width=650;" src="/upload/getfiles/default/2022/11/15/20221115015518855.jpg" />）

【CCGridAction】

CCGridAction有两个子类：CCGrid3DAction、CCTiledGrid3DAction。而我们关注的就是这两个子类所派生出来的一些格子动作。

（1）CCGrid3DAction：是基于格子的动作。

（2）CCTiledGrid3DAction：是基于网格的动作。

扩展知识：格子和网格的区别在于对CCNode对象的显示内容划分方式不同。网格代表了更小、更多的格子数目。关于这点，可以不需要深入了解，只要会用即可。

1、CCGrid3DAction

CCGrid3DAction：是基于格子的动作。

常用动作如下：

//
/**
 *		晃动特效
 */
	//3D晃动         (时间, 网格大小, 晃动范围, Z轴是否晃动);
	CCShaky3D::create(float duration, const CCSize& gridSize, int range, bool shakeZ);


/**
 *		液体波动特效
 */
	//波动         (时间, 网格大小, 波动速度, 振幅, 是否水平波动, 是否垂直波动);
	CCWaves::create(float duration, const CCSize& gridSize, unsigned int waves, float amplitude, bool horizontal, bool vertical); 
	
	//3D波动         (时间, 网格大小, 波动速度, 振幅);
	CCWaves3D::create(float duration, const CCSize& gridSize, unsigned int waves, float amplitude); 

	//液体流动      (时间, 网格大小, 速度, 振幅); 
	CCLiquid::create(float duration, const CCSize& gridSize, unsigned int waves, float amplitude); 
	
	//3D水波          (时间, 网格大小, 坐标, 半径, 速度, 振幅);
	CCRipple3D::create(float duration, const CCSize& gridSize, const CCPoint& position, float radius, unsigned int waves, float amplitude); 


/**
 *		翻转特效
 */
	//X轴左右翻转    (时间);
	CCFlipX3D::create(float duration);
	
	//Y轴上下翻转    (时间);
	CCFlipY3D::create(float duration);


/**
 *		凸透镜特效
 */
	//凸透镜        (时间, 网格大小, 圆心坐标, 圆半径);
	CCLens3D::create(float duration, const CCSize& gridSize, const CCPoint& position, float radius);
	
	
/**
 *		扭曲特效
 */
	//扭曲         (时间, 网格大小, 坐标, 扭曲次数, 振幅);
	CCTwirl::create(float duration, const CCSize& gridSize, CCPoint position, unsigned int twirls, float amplitude);
	

/**
 *		书本翻页特效
 */	
	//翻页消失          (时间, 网格大小);
	CCPageTurn3D::create(float duration, const CCSize& gridSize);
//

使用方法：

//
	//晃动特效
	CCShaky3D::create(10, CCSizeMake(1,1), 10, true);

	//液体波动特效
	CCWaves::create(10, CCSizeMake(1,1), 100, 10, true, true);
	CCWaves3D::create(10, CCSizeMake(1,1), 100, 10);
	CCLiquid::create(10, CCSizeMake(10,10), 10, 10);
	CCRipple3D::create(10, CCSizeMake(100,100), ccp(200,200), 50, 50, 50);

	//翻转特效
	CCFlipX3D::create(1);
	CCFlipY3D::create(1);

	//凸透镜特效
	CCLens3D::create(10, CCSizeMake(100,100), ccp(100,100), 150);

	//扭曲特效
	CCTwirl::create(10, CCSizeMake(10,10), ccp(200,200), 5, 10);

	//书本翻页消失
	CCPageTurn3D::create(10, CCSizeMake(20,20));
//

2、CCTiledGrid3DAction

CCTiledGrid3DAction：是基于网格的动作。

常用动作如下：

//
/**
 *		晃动特效
 */
	//3D网格晃动          (时间, 网格大小, 晃动范围, Z轴是否晃动);
	CCShakyTiles3D* create(float duration, const CCSize& gridSize, int nRange, bool bShakeZ);

 
 /**
  *		波动特效
  */
	//3D瓷砖波动效果      (时间, 网格大小, 波动速度, 振幅); 
	CCWavesTiles3D* create(float duration, const CCSize& gridSize, unsigned int waves, float amplitude);


/**
 *		跳动特效
 */
	//网格跳动           (时间, 网格大小, 次数, 振幅);
	CCJumpTiles3D* create(float duration, const CCSize& gridSize, unsigned int numberOfJumps, float amplitude);


/**
 *		破碎特效
 */
	//格子破碎                (时间, 网格大小, 晃动范围, Z轴是否晃动); 
	CCShatteredTiles3D* create(float duration, const CCSize& gridSize, int nRange, bool bShatterZ);

	
/**
 *		洗牌特效
 */
	//格子随机洗牌        (时间, 网格大小, 随机数);
	CCShuffleTiles* create(float duration, const CCSize& gridSize, unsigned int seed);


/**
 *		消失特效
 */
	//右上到左下,剥落网格   (时间, 网格大小); 
	CCFadeOutBLTiles* create(float duration, const CCSize& gridSize);
	
	//左下到右上,剥落网格   (时间, 网格大小); 
	CCFadeOutTRTiles* create(float duration, const CCSize& gridSize);

	//上到下,一行行剥落网格   (时间, 网格大小); 
	CCFadeOutDownTiles* create(float duration, const CCSize& gridSize);

	//下到上,一行行剥落网格 (时间, 网格大小); 
	CCFadeOutUpTiles* create(float duration, const CCSize& gridSize);

	//网格随机一个个消失  (时间, 网格大小, 随机数);
	CCTurnOffTiles* create(float duration, const CCSize& gridSize, unsigned int seed = 0);

	//多行消失（水平） (时间, 行数); 
	CCSplitRows* create(float duration, unsigned int nRows);

	//多行消失（垂直） (时间, 列数); 
	CCSplitCols* create(float duration, unsigned int nCols);
//

使用方法：

//
	//晃动
	CCShakyTiles3D::create(10, CCSizeMake(1,1), 10, true);
	
	//波动
	CCWavesTiles3D::create(10, CCSizeMake(1,1), 10, 10);
	
	//跳动
	CCJumpTiles3D::create(10, CCSizeMake(5,5), 5, 10);

	//破碎
	CCShatteredTiles3D::create(10, CCSizeMake(1,1), 100, true);

	//洗牌
	CCShuffleTiles::create(10, CCSizeMake(10,10), 100);

	//消失
	CCFadeOutBLTiles::create(10, CCSizeMake(10,10));
	CCFadeOutTRTiles::create(10, CCSizeMake(20,20));
	CCFadeOutDownTiles::create(10, CCSizeMake(20,20));
	CCFadeOutUpTiles::create(10, CCSizeMake(20,20));
	CCTurnOffTiles::create(10, CCSizeMake(20,20), 100);
	CCSplitRows::create(10, 10);
	CCSplitCols::create(10, 10);
//

3、关于网格大小

发现上面动作的创建都带有“网格大小”这个参数。那这个参数是什么意思呢？

网格大小是一个CCSize类，即指定了宽度width、高度height。而这里的意义并不是指宽度和高度。而是指屏幕的宽和高被划分的个数。

如网格大小为CCSizeMake(5,10)。那么宽被5等分，高被10等分。

如下图所示：

650) this.width=650;" src="/upload/getfiles/default/2022/11/15/20221115015518953.jpg" title="222.jpg" />

4、格子与网格

格子与网格的区别，看完下面的几张图就明白了：

（1）晃动特效：

650) this.width=650;" src="/upload/getfiles/default/2022/11/15/20221115015519059.jpg" title="1.gif" />

650) this.width=650;" src="/upload/getfiles/default/2022/11/15/20221115015519333.jpg" title="11.gif" />

（2）波动特效

650) this.width=650;" src="/upload/getfiles/default/2022/11/15/20221115015519854.jpg" title="2.gif" />

650) this.width=650;" src="/upload/getfiles/default/2022/11/15/20221115015520185.jpg" title="22.gif" />

【代码实战】

自己参考官方的TestCpp项目。

本文出自 “夏天的风” 博客，请务必保留此出处http://shahdza.blog.51cto.com/2410787/1546641

原文：http://shahdza.blog.51cto.com/2410787/1546641

内容总结

以上是互联网集市为您收集整理的cocos2dx基础篇(22)——扩展动作CCGridAction全部内容，希望文章能够帮你解决cocos2dx基础篇(22)——扩展动作CCGridAction所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1159678.html

来源：【匿名】

【上一篇】9、Cocos2dx 3.0游戏开发三查找值小工厂方法模式和对象【下一篇】cocos2d-js跨域访问问题，cocos2d-js请求网络数据

更多 ►

【cocos2dx基础篇(22)——扩展动作CCGridAction】教程文章相关的互联网学习教程文章

x86 Android游戏开发专题篇之使用google breakpad捕捉c++崩溃(以cocos2dx为例)【图】

最近一直都在x86设备上进行游戏开发，就c++层和Android java层倒没有什么要特别注意的（除了需要注意一下修改Application.mk指定平台外），在c++崩溃的时候，很多时候看不到堆栈，只能看到一个信号，所以由于工作需要，使用google breakpad来进行异常捕捉。谷歌被墙很麻烦，索性就把breakpad打包放这里供需要的童鞋下载，google breakpad下载。1.下载google breakpad下载地址是 http://code.google.com/p/google-breakpad/source/...

cocos2dx游戏--欢欢英雄传说--为敌人添加移动和攻击动作【代码】【图】

这里主要为敌人添加了一个移动动作和攻击动作。移动动作是很简略的我动他也动的方式。攻击动作是很简单的我打他也打的方式。效果：代码：#ifndef __Progress__ #define __Progress__ #include "cocos2d.h" USING_NS_CC;class Progress : public Sprite { public:bool init(constchar* background, constchar* fillname);/*the inputs are SpriteFrame Names.they should be loaded into SpriteFrameCache before calling this.*/st...

cocos2dx clippingNode的实现原理【代码】

clippingNode是利用opengl的裁剪缓冲区实现的，因为最近有使用这个功能需要，顺便把这部分实现看看了看。 opengl的裁剪主要有以下几个步骤：1、开启裁剪缓冲区2、设置裁剪缓冲区中的mask。3、正常绘制图形，这个时候会根据裁剪缓冲区的值和设置好的比较函数进行计算，根据通过与否选择是否会知道framebuffer4、绘制完成之后关闭裁剪缓冲区这几个步骤在cocos2dx的clippingNode中体现在以下的这段代码中：<pre name="code" class="...

COCOS2DX事件交互处理

一、单点触摸关于单点触摸事件的创建和监听有以下几个步骤：1，创建一个空间如labelTTF，并且初始化，添加控件进层2、设置一个事件监听器，并且定义和实现他的回调函数。3、最后让导演将前面定义的监听器按照监听器和监听事件对应的方式添加进来。<span style="font-size:18px;"> Size visibleSize = Director::getInstance()->getVisibleSize();Vec2 origin = Director::getInstance()->getVisibleOrigin();auto label = LabelTTF...

Android和iOS中Cocos2dx的横屏竖屏设置

一、横屏、竖屏设置1、androidAndroidManifest.xml文件中，screenOrientation="landscape" 为横屏，screenOrientation="portrait"为竖屏2、iOS- (NSUInteger) supportedInterfaceOrientations{ #ifdef __IPHONE_6_0 // 横屏显示 // return UIInterfaceOrientationMaskLandscape; // 竖屏显示 return UIInterfaceOrientationMaskPortrait; #endif } 二、读写sd卡 AndroidManifest.xml文件中，先增加权限：FILE *fp ...

cocos2dx3.2 判断音效是否播放

SimpleAudioEngine类中加入一函数如下bool isEffectPlaying(unsigned int nSoundId); 定义如下 bool SimpleAudioEngine::isEffectPlaying(unsigned int nSoundId) {EffectList::iterator p = sharedList().find(nSoundId);bool bRet = false;if (p != sharedList().end()){bRet = p->second->IsPlaying();}return bRet; } 完成原文：http://blog.csdn.net/xie1xiao1jun/article/details/41283555

cocos2dx,Layer锚点与scale缩放【代码】【图】

最近写代码需要用到缩放，而且是Layer的，但是发现怎么设置位置都是错误，于是决定研究下。首先，基础代码，代码上不错特殊处理，没有锚点设置和缩放class TestLayer : public Layer {public:bool init();CREATE_FUNC(TestLayer); };bool TestLayer::init() {if (!Layer::init()) {return false;}Sprite *dd = Sprite::create("item_gift1.png");this->addChild(dd);this->setContentSize(Size(200, 200));// 打印几个点参照用Laye...

Cocos2dx 3.2 之实现精灵图片放大功能【图】

原文地址 http://blog.csdn.net/jhonlight/article/details/38408351 今天一个群友问我：我Scene里放置一个Layer，Layer盛放一张图片，即背景图片，我想更换这张图片，而且要求带有系统提供的切换Scene 淡入淡出的效果，于是我用Director类的切换用系统提供的切换动画包装的scene，但是效果是整个scene都被切换了，而我想要的是只有背景变化，其余的不变。大家都知道，这样做当然不可以，Director（...

cocos2dx游戏开发学习笔记1-基本概念

这里主要讲构建整个游戏需要的基本元素，很大部分都摘自cocos2dx官网。 1、Director 导演导演，顾名思义，就是对整个游戏进行整体控制的。“Director”是一个共享的（单元素集）对象，负责不同场景之间的控制。导演知道当前哪个场景处于活动状态，允许你改变场景，或替换当前的场景，或推出一个新场景。当你往场景堆中推出一个新场景时，“Director”会暂停当前场景，但会记住这个场景。之后场景堆中最顶层的场景跳离时，该场景又会...

cocos2dx 3.2 解决输入框(TextField,TextFieldTTF) 中文乱码问题

近期开发cocos2dx 项目，做一个小游戏。（个人喜欢用最新版本号）没系统学习就是问题多多，遇到了非常多问题，比方全部的opengl api都必须在主线程中调用，这让我在多线程载入方面吃了不少亏，浪费了非常多时间。这次遇到了输入框中输入中文出现乱码问题。搜索了非常多方法，都没找到。没办法。可是知道cocos2dx 2.x版本号没有这个问题，所以就仅仅有跟进代码了。首先找到2.x中找到WM_CHAR的派发消息：在platform/win32/下的CC...

cocos2dx中CCLabelTTF的描边和阴影

游戏中经常会用到文字描边和阴影，当cocos2dx中并没有给我们提供，下面是我参考：点击打开链接（http://blog.csdn.net/song_hui_xiang/article/details/17375279）自己弄了一个，基本上是一模一样，不喜勿喷！代码如下：思路：多个CCLabelTTF重叠在一起。头文件// // CLabel.h // XXX // // Created by user on 14-3-4. // //#ifndef __XXX__CLabel__ #define __XXX__CLabel__#include <iostream> #include "cocos2d.h"USING_NS...

cocos2dx基础篇(8)——定时器更新schedule、update【代码】【图】

【本节内容】定时器在大部分游戏中是不可或缺的，即每隔一段时间，就要执行相应的刷新体函数，以更新游戏的画面、时间、进度、敌人的指令等等。 cocos2dx为我们提供了定时器schedule相关的操作。其操作函数的定义在CCNode中，所以基本上大多数的引擎类都可以设置定时器，如CCLayer、CCSprite、CCMenu等。定时器更新的方式分为三类：（1）默认定时器：scheduleUpdate(); （2）自定义定时器：schedule(); （3）一次...

opengl之vsh、fsh简易介绍+cocos2dx 3.0 shader 变灰【代码】【图】

认识着色器理解OpenGL渲染管线，对于学习OpenGL非常重要。下面是OpenGL渲染管线的示意图：（图中淡蓝色区域是可以编程的阶段）此图是从wiki中拿过来的，OpenGL的渲染管线主要包括：准备顶点数据（通过VBO、VAO和Vertex attribute来传递数据给OpenGL）顶点处理（这里主要由Vertex Shader来完成，从上图中可以看出，它还包括可选的Tessellation和Geometry shader阶段）顶点后处理（主要包括Clipping,顶点坐标归一化和viewport变换）...

cocos2dx显示中文字体方法Hiero【图】

在游戏中，我们经常会遇到要显示一大段中文对话，这时就需要加载一些自定义的汉字格式，直接由美术生成一堆图片对手机来说太耗费内存，此时hiero就应运而生了。Hiero可以把所有的字符包括汉子，以特定的字体生成png以及tnf文件，直接在程序中代码编程即可实现丰富多彩的汉子内容显示。1、 hiero下载链接：http://download.csdn.net/detail/u010229677/69925012、 hiero使用方法最后单击文件即可保存png，1、程序加载方法1、首先...

cocos2dx 3.x 开发环境搭建【图】

1. 准备工作（1）VS2012（2）cocos2dx cn.cocos2d-x.org/download（3）python 新版本的cocos2dx 需要python编译2. 安装软件（1）VS2012 从官网下载并安装（2）python 安装：下载地址： www.python.org/download/ （3）cocos2dx 安装① 解压下载的cocos2dx ，我下载的版本cocos2dx 3.2②然后进入D:\cocosDevelop\cocos2d-x-3.2\cocos2d-x-3.2\build，打开cocos2d-win32.vs2012.sln文件，将cpp-tests设为启动项（右击cpp-tests，设置...

基础 - 相关标签

基础编程基础架构基础类型基础数据

COCOS2D - 最热教程

cocos2dx资源异步加载 cocos2dxA*+tiledMap cocos2dx项目接入爱贝第三方支付sdk遇到...Cocos2d-x3.0中容器介绍（cocos2d::Vec...cocos2dx lua bug之module 'lsqlit...Cocos2dx-JS绑定C++大致流程 android – 在哪里可以找到使用Cocos2D...Cocos2d-x教程(10)Cocos2d-x学习笔记（2）Cocos2d-x学习笔记（12）（CCControlSw...

首页 / COCOS2D / cocos2dx基础篇(22)——扩展动作CCGridAction

cocos2dx基础篇(22)——扩展动作CCGridAction

内容导读

内容图文

内容总结

内容备注

内容手机端

【cocos2dx基础篇(22)——扩展动作CCGridAction】教程文章相关的互联网学习教程文章

基础 - 相关标签

COCOS2D - 最新教程

COCOS2D - 最热教程