cocos2dx-3.2 3DAction 一些3D特效

网格属性就像是一个个交叉形成的一系列的矩形。任何Node对象(Layer,Scene,Sprite等等)都具有这种特殊的属性,你可以通

过移动他们的顶点来变换这些网格。

有两种类型的网格:平铺的网格和非平铺的网格。他们两者的区别是平铺的网格由单个的网格组成,而非平铺的网格是由顶点组成。

继承于Grid3DAction的为非平铺网格,继承于TiledGrid3DAction的为平铺网格,自然产生的效果不同, 下面来看看都有哪些?


1、Shaky3D(晃动特效)、ShakyTiles3D(瓷砖晃动特效)


ShakyTiles3D参数及用法与Shaky3D一模一样的。

  1. /**
  2. *创建一个3D晃动的特效
  3. *duration:持续时间(时间过后不会回到原来的样子)
  4. *gridSize:整个屏幕被分成几行几列
  5. *range:晃动的范围
  6. *shakeZ:z轴是否晃动
  7. *看源码晃动范围range为网格的上的位置:
  8. for(i=0;i<(_gridSize.width+1);++i)
  9. {
  10. for(j=0;j<(_gridSize.height+1);++j)
  11. Vertex3Fv=getOriginalVertex(Vec2(i,j));
  12. v.x+=(rand()%(_randrange*2))-_randrange;
  13. v.y+=(rand()%(_randrange*2))-_randrange;
  14. if(_shakeZ)
  15. {
  16. v.z+=(rand()%(_randrange*2))-_randrange;
  17. }
  18. setVertex(Point(i,j),v);
  19. }
  20. */
  21. /**createstheactionwitharange,shakeZvertices,agridandduration*/
  22. staticShaky3D*create(floatduration,constSize&gridSize,intrange,87); background-color:inherit; font-weight:bold">boolshakeZ);


2、Waves3D(波浪特效)、WavesTiles3D(瓷砖波浪特效)、Waves(带方向的波浪特效,水平与垂直)


WavesTiles3D参数及用法与Waves3D一模一样的。

copy
    *创建一个3D波浪的特效
  1. *waves:波动的速率
  2. *amplitude:振幅
  3. /**createsanactionwithduration,gridsize,wavesandamplitude*/
  4. staticWaves3D*create(intwaves,87); background-color:inherit; font-weight:bold">floatamplitude);

Waves的参数说明
copy
    *duration:持续时间(时间过后不会回到原来的样子)
  1. *gridSize:整个屏幕被分成几行几列
  2. *waves:波动的速率
  3. *amplitude:振幅
  4. *horizontal:是否是水平方向
  5. *vertical:是否是垂直方向
  6. */
  7. /**initializestheactionwithamplitude,horizontalsin,verticalsin,agridandduration*/
  8. staticWaves*create(floatamplitude,87); background-color:inherit; font-weight:bold">boolhorizontal,87); background-color:inherit; font-weight:bold">boolvertical);

3、FlipX3D(X轴翻转动画)、FlipY3D(Y轴翻转动画)


FlipX3D与FlipY3D一样,给一个时间单位,在此时间内绕X轴或Y轴旋转。

copy
    *创建一个x轴翻转精灵的动画
  1. /**createstheactionwithduration*/
  2. staticFlipY3D*create(floatduration);

4、Lens3D(凸镜特效)


copy
    *创建一个凸镜特效
  1. *gridSize:网格大小
  2. *position:凸镜中心点
  3. *radius:半径
  4. /**createstheactionwithcenterposition,radius,agridsizeandduration*/
  5. staticLens3D*create(constPoint&position,87); background-color:inherit; font-weight:bold">floatradius);

5、Ripple3D(水波特效)


copy
    *创建一个水波特效
  1. /**createstheactionwithradius,numberofwaves,amplitude,153); background-color:inherit; font-weight:bold">staticRipple3D*create(floatradius,87); background-color:inherit; font-weight:bold">floatamplitude);

6、Liquid(液体特效)

和Waves3D的参数一样


copy
    *创建一个3D液体的特效
  1. /**createstheactionwithamplitude,153); background-color:inherit; font-weight:bold">staticLiquid*create(floatamplitude);

7、Twirl(扭曲旋转特效)


copy
    *创建一个扭曲的特效
  1. *position:扭曲中心位置
  2. *twirls:扭曲的数量
  3. staticTwirl*create(inttwirls,87); background-color:inherit; font-weight:bold">floatamplitude);


8、ShatteredTiles3D(破碎的3D瓷砖特效)


copy
    *创建一个破碎的3D瓷砖的特效
  1. *nRange:晃动的范围
  2. *bShatterZ:z轴是否晃动
  3. staticShatteredTiles3D*create(intnRange,87); background-color:inherit; font-weight:bold">boolbShatterZ);


9、ShuffleTiles(瓷砖洗牌特效)

copy
    *创建一个瓷砖洗牌的特效
  1. *seed:随即速度基数(即会用此值作为底数来随机产生值)
  2. /**createstheactionwitharandomseed,thegridsizeandtheduration*/
  3. staticShuffleTiles*create(intseed);


9、FadeOutTRTiles、FadeOutBLTiles、FadeOutUpTiles、FadeOutDownTiles


FadeOutTRTiles :淡出效果, 从左下角到右上角

FadeOutBLTiles :淡出效果, 从右上角到左下角

FadeOutUpTiles :折叠效果, 从下到上

FadeOutDownTiles :折叠效果 从上到下

他们函数参数意义一样


copy
    *淡出效果,从左下角到右上角
  1. *duration:时间
  2. *gridSize:网格大小
  3. /**createstheactionwiththegridsizeandtheduration*/
  4. staticFadeOutTRTiles*create(constSize&gridSize);


10、TurnOffTiles(方块消失特效 )


提供了两个函数接口,多用的面一种,参数参照前面的

copy
    /**createstheactionwiththegridsizeandtheduration*/
  1. staticTurnOffTiles*create(constSize&gridSize);
  2. intseed);

11、SplitRows、SplitCols


SplitRows :分多行消失特效

SplitCols :分多列消失特效


copy
    *rows:行数
  1. SplitRows::create(introws)
  2. *cols:列数
  3. SplitCols::create(intcols)


12、PageTurn3D


copy
    PageTurn3D:3D翻页特效,从右下角往左上角翻
  1. /**
  2. *gridSize:网格大小
  3. PageTurn3D::create(constcocos2d::Size&gridSize)

相关文章

    本文实践自 RayWenderlich、Ali Hafizji 的文章《...
Cocos-code-ide使用入门学习地点:杭州滨江邮箱:appdevzw@1...
第一次開始用手游引擎挺激动!!!进入正题。下载资源1:从C...
    Cocos2d-x是一款强大的基于OpenGLES的跨平台游戏开发...
1.  来源 QuickV3sample项目中的2048样例游戏,以及最近《...
   Cocos2d-x3.x已经支持使用CMake来进行构建了,这里尝试...