cocos2d－基本概念(5)-Effects 效果

Effects 效果

Introduction 介绍

 

 Effects 是一些列特别的动作。相比于改变通常的属性，像透明度，位置，旋转，或者缩放而言，它们修改的一种新的属性，Grid（网格）属性。

一个Grid 属性就好像一个矩阵，是一个网络的线，组成一系列的方块和矩阵。 

这些特别的动作把任何一个cocosNode 对象（层，场景，精灵等）变化成Grid，你可以通过它们的顶点来改变它们。

有两种不同的Grid：tiled 和 non－tiled网格，不同的是tiled网格是通过各自tiled组成，而non－tiled是通过顶点组成的。 

一个Grid有2个维度，行和列。但是任何一个vertex都有3个维度，xyz。所以你可以建立一个2d或者是3d的效果，不同的是通过tiled－grid－3d 或者是grid－3d。

你可以通过提高增加grid的大小来提高效果的质量，但是效果的速度将会降低。

一个（16，12）大小的grid将会运行的非常快，但是并不会看起来非常的好。（32，24）的将会看起来非常棒，但是在iphone1代中，运行起来不会太快。 

 

How they work 如何工作

Each frame the screen is rendered into a texture (FBO). This texture is transformed into a vertex array and this vertex array (the grid!) is transformed by the grid effects. Finally the vertex array is rendered into the screen.

 

任何一个屏幕的Frame都会改称成一个Texture（FBO），这个纹理会转换城一个顶点array，这个顶点坐标array是通过grid的效果转换来的。最后，这个顶点数组被显示到屏幕上。 

 

For more information about the internals refer to:

• TiledGrid3D and TiledGrid3DAction for tiled grids
• Grid3D and Grid3DAction for non-tiled grids

For example, if you have an scene or layer that renders this image:

 我们可以把图片转换成以上这样，使用的是Ripple3D action. 就像你砍刀的古怪的图片，踏实用一个32X24的方块，这个grid是一个non－tiled（所有的方块在一起）

 

 

 以上的是通过一个16X12的方块，并且grid是一个tiled的（所有的方块或者是tiled可以被分开）

 

 

3D actions 3D动作

 以3D作为它们的后缀命名的，意味着将会产生一个虚拟的3d效果，它们通过改变Grid的z轴。

如果你将要去使用3D动作，你可能会需要用到深度缓存，比较简单的调用方式就是： 

// IMPORTANT: Call this function at the very beginning, 
//before running your 1st scene
// Create a depth buffer of 24 bits
// These means that openGL z-order will be taken into account
[[Director sharedDirector] setDepthBufferFormat:kDepthBuffer16];

 如下的这一段代码，你可能还是需要设着RGBA8888格式像素。这将会使得到透明的效果。

 

// IMPORTANT: Call this function at the very beginning, 
// before running your 1st scene
// Use this pixel format to have transparent buffers
[[Director sharedDirector] setPixelFormat:kRGBA8];

Index of grid effects 效果索引

 

 可用的Grid3DAction

Available Grid3DAction actions:

• FlipX3D
• FlipY3D
• Lens3D
• Liquid
• Ripple3D
• Shaky3D
• Twirl
• Waves
• Waves3D

Available TiledGrid3DAction actions:

• FadeOutBLTiles
• FadeOutTRTiles
• FadeOutUpTiles
• FadeOutDownTiles
• JumpTiles3D
• ShakyTiles3D
• ShatteredTiles3D
• ShuffleTiles
• SplitCols
• SplitRows
• TurnOffTiles
• WavesTiles3D

Examples 例子

Some examples:

// execute a Waves action on sprite 1
id waves = [Waves actionWithWaves:5 amplitude:20 horizontal:YES vertical:NO 
                          grid:ccg(15,10) duration:5];
[sprite1 runAction: [RepeatForever actionWithAction: waves]];

// and execute a Shaky3D action on sprite 2
id shaky = [Shaky3D actionWithRange:4 shakeZ:NO grid:ccg(15,10) duration:5];
[sprite2 runAction: [RepeatForever actionWithAction: shaky]];