Cocos2d-JS提供了很多特效，这些特效事实上属于间隔动作，特效类cc.GridAction类，也称为网格动作，它的类图如下图所示。网格动作类图网格动作cc.GridAction它有两个主要的子类cc.Grid3DAction和cc.TiledGrid3DAction，cc.TiledGrid3DAction系列的子类中会有瓦片效果，如下图所示是Waves3D特效（cc.Grid3DAction子类），如后图所示是WavesTiles3D特效（cc.TiledGrid3DAction子类），比较这两个效果我们会看到瓦片效果的特别之处是界面被分割成多个方格。Waves3D特效WavesTiles3D特效网格动作都是采用3D效果给用户的体验是非常震撼和绚丽，但是也给内存和CPU造成了巨大的压力和负担，如果不启用Open GL的深度缓冲，3D效果就会失真，但是启用的话对于显示性能会造成负面影响。实例：特效演示下面我们通过一个实例介绍几个特效的使用，这个实例如下图所示，上图是一个操作菜单场景，选择菜单可以进入到下图动作场景，在下图动作场景中点击Go按钮可以执行我们选择的特性动作，点击Back按钮可以返回到菜单场景。特效实例MyActionScene.js中的ctor构造函数代码如下： 上述代码第①行是创建NodeGrid类型成员变量gridNodeTarget，NodeGrid是网格动作管理类。MyActionScene.js中的onMenuCallback函数代码如下： 上述代码onMenuCallback函数中是运行特效动作，第①行是使用FlipX3D实现X轴3D翻转特效，cc.flipX3D函数的参数是持续时间。第②行是使用PageTurn3D实现翻页特效特效，cc.pageTurn3D函数的第一个参数是持续时间，第二个参数是网格的大小。第③行是使用Lens3D实现凸透镜特效，cc.lens3D函数第一个参数是持续时间，第二个参数是网格大小，第三个参数网透镜中心点，第四个参数是透镜半径。第④行是使用Shaky3D实现晃动特效，cc.shaky3D函数第一个参数是持续时间，第二个参数是网格的大小，第三个参数晃动的范围，第四个参数是否伴有Z轴晃动。第⑤行是使用Waves3D实现3D波动特效，cc.waves3D函数第一个参数是持续时间，第二个参数是网格的大小，第三个参数波动次数，第四个参数是振幅。第⑥行是使用JumpTiles3D实现晃动特效，3D瓦片跳动特效，cc.jumpTiles3D函数第一个参数是持续时间，第二个参数是网格的大小，第三个参数跳动次数，第四个参数是跳动幅度。第⑦行是使用ShakyTiles3D实现3D瓦片晃动特效，cc.shakyTiles3D函数第一个参数是持续时间，第二个参数是网格的大小，第三个参数晃动的范围，第四个参数是否伴有Z轴晃动。
推荐整理分享Cocos2d-JS特效(cocos creator特效制作)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:cocos2dx 特效,cocos 特效,cocos creator js教程,cocos2dx 特效,cocos2dx 特效,cocos2dx 特效,cocos creator特效制作,cocos2dx 特效,内容如对您有帮助，希望把文章链接给更多的朋友！
第⑧行是使用WavesTiles3D实现3D瓦片波动特效，cc.wavesTiles3D函数第一个参数是持续时间，第二个参数是网格的大小，第三个参数动次数，第四个参数是振幅。
更多内容请关注最新Cocos图书《Cocos2d-x实战：JS卷——Cocos2d-JS开发》本书交流讨论网站： JS卷》现已上线，各大商店均已开售：
京东：
Cocos2d-JS动画 与动作密不可分的还有动画，动画又可以分为场景过渡动画和帧动画。场景过渡动画我们在以往介绍过，这一个我们只介绍帧动画。帧动画帧动画就是
【深入了解cocos2d-x 3.x】内置数据结构（2）——Map 其实最没意思的数据结构就是Map和Vector这两个了，完完全全就是std::map和std::vector上面再加了一层引用计数。当然，这也有好处，就是支持std算法以及支
Cocos2d-JS事件处理机制 在很多图形用户技术中，事件处理机制一般都有三个重要的角色：事件、事件源和事件处理者。事件源是事件发生的场所，通常就是各个视图或控件，
