`

Cocos2d-x开发实例介绍特效演示

 
阅读更多

下面我们通过一个实例介绍几个特效的使用,这个实例下图所示,下图是一个操作菜单场景,选择菜单可以进入到下图动作场景,在下图动作场景中点击Go按钮可以执行我们选择的特性动作,点击Back按钮可以返回到菜单场景。

 

下面我们再看看具体的程序代码,首先看一下看HelloWorldScene.h文件,它的代码如下:

 

[html] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. #ifndef __HELLOWORLD_SCENE_H__  
  2. #define __HELLOWORLD_SCENE_H__  
  3.    
  4. #include "cocos2d.h"  
  5. #include "MyActionScene.h"                                                                                                                ①  
  6.    
  7. typedef enum {                                                                                                                             ②  
  8.    kFlipX3D = 101,  
  9.    kPageTurn3D,  
  10.     kLens3D,  
  11.     kShaky3D,  
  12.     kWaves3D,  
  13.     kJumpTiles3D,  
  14.     kShakyTiles3D,  
  15.     kWavesTiles3D  
  16. } ActionTypes;                                                                                                                             ③  
  17.    
  18. class HelloWorld : public cocos2d::Layer  
  19. {  
  20. public:  
  21.    static cocos2d::Scene* createScene();  
  22.    virtual bool init();   
  23.      
  24.    void OnClickMenu(cocos2d::Ref* pSender);                                                                    ④  
  25.    
  26.    CREATE_FUNC(HelloWorld);  
  27. };  
  28.    
  29. #endif // __HELLOWORLD_SCENE_H__  

 

 

上述代码第①行是引入头文件MyActionScene.h。第②~③是定义个枚举类型ActionTypes,枚举类型ActionTypes中定义了8个常量,这8个常量对应8个菜单项。第④行声明了一个函数,用来在选择不同菜单时候的回调。

 

[html] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. 下一个场景MyActionScene的 MyActionScene.h文件的代码如下:  
  2. #ifndef __MYACTION_SCENE_H__  
  3. #define __MYACTION_SCENE_H__  
  4.    
  5. #include "cocos2d.h"  
  6. #include "HelloWorldScene.h"  
  7.    
  8. class MyAction : public cocos2d::Layer  
  9. {  
  10.    cocos2d::Sprite *sprite;                                                                                                        ①  
  11.    cocos2d::NodeGrid* gridNodeTarget;                                                                                         ②  
  12.      
  13. public:  
  14.      
  15.         staticcocos2d::Scene* createScene();  
  16.    virtual bool init();  
  17.    
  18.    CREATE_FUNC(MyAction);  
  19.      
  20.    void goMenu(cocos2d::Ref* pSender);  
  21.    void backMenu(cocos2d::Ref* pSender);  
  22. };  
  23.    
  24. #endif // __MYACTION_SCENE_H__  

 

 

上述代码第①行是声明Sprite类型成员变量sprite。第②行是声明NodeGrid类型成员变量gridNodeTarget,NodeGrid是网格动作管理类,它的类图如下图所示。

  

 

MyActionScene.ccp中的MyAction::init()主要代码如下:

 

[html] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. bool MyAction::init()  
  2. {  
  3.    if ( !Layer::init() )  
  4.    {  
  5.        return false;  
  6.    }  
  7.      
  8.    Size visibleSize = Director::getInstance()->getVisibleSize();  
  9.         gridNodeTargetNodeGrid::create();                                                                              ①  
  10.    addChild(gridNodeTarget);                                                                                                 ②  
  11.      
  12.    auto bg = Sprite::create("background.png");  
  13.     bg->setPosition(Point(visibleSize.width/2,visibleSize.height /2));  
  14.     gridNodeTarget->addChild(bg);                                                                                                     ③  
  15.    
  16.    sprite = Sprite::create("hero.png");  
  17.    sprite->setPosition(Point(visibleSize.width / 2, visibleSize.height /2));  
  18.    gridNodeTarget->addChild(sprite);                                                                                             ④  
  19.      
  20.     autobackMenuItem =MenuItemImage::create("back-up.png","back-down.png",  
  21.                                        CC_CALLBACK_1(MyAction::backMenu,this));  
  22.     backMenuItem->setPosition(Director::getInstance()->convertToGL(Point(140,65)));  
  23.    
  24.     autogoMenuItem = MenuItemImage::create("go-up.png","go-down.png",  
  25.                                        CC_CALLBACK_1(MyAction::goMenu,this));  
  26.     goMenuItem->setPosition(Director::getInstance()->convertToGL(Point(920,540)));  
  27.    
  28.    Menu* mn = Menu::create(backMenuItem, goMenuItem, NULL);  
  29.      
  30.     mn->setPosition(Point::ZERO);  
  31.    this->addChild(mn);                                                                                                                       ⑤  
  32.      
  33.    return true;  
  34. }  

 

 

上述代码第①行代码NodeGrid::create()创建NodeGrid对象,第②行代码需要将创建的NodeGrid对象gridNodeTarget添加到当前层中。第③行代码gridNodeTarget->addChild(bg)是将创建的bg背景精灵对象添加到gridNodeTarget,这样才能使得特效作用于背景精灵。第④行代码gridNodeTarget->addChild(sprite)也是将创建的精灵对象sprite添加到gridNodeTarget中,这样才能使得特效作用于精灵。

由于我们不想使特效作用于菜单,所以在第⑤行代码使用的this->addChild(mn),而不是gridNodeTarget->addChild(mn)。

MyActionScene.ccp中的MyAction::goMenu(cocos2d::Ref*pSender)主要代码如下:

 

 

[html] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. void MyAction::goMenu(cocos2d::Ref*pSender)  
  2. {  
  3.     SizevisibleSize = Director::getInstance()->getVisibleSize();  
  4.    log("Tag = %i",this->getTag());  
  5.      
  6.    switch (this->getTag()) {  
  7.          casekFlipX3D:  
  8.            gridNodeTarget->runAction(FlipX3D::create(3.0f));                                                      ①  
  9.              break;  
  10.          casekPageTurn3D:  
  11.             gridNodeTarget->runAction(PageTurn3D::create(3.0f,Size(15,10)));                          ②  
  12.              break;  
  13.          casekLens3D:  
  14.            gridNodeTarget->runAction(Lens3D::create(3.0f, Size(15,10),  
  15.                                                 Point(visibleSize.width/2,visibleSize.height/2),240));                       ③  
  16.              break;  
  17.          casekShaky3D:  
  18.            gridNodeTarget->runAction(Shaky3D::create(3.0f, Size(15,10), 5,false));                  ④  
  19.              break;  
  20.          casekWaves3D:  
  21.            gridNodeTarget->runAction(Waves3D::create(3.0f, Size(15,10), 5, 40));            ⑤  
  22.              break;  
  23.          casekJumpTiles3D:  
  24.            gridNodeTarget->runAction(JumpTiles3D::create(3.0f, Size(15,10), 2,30));              ⑥  
  25.              break;  
  26.          casekShakyTiles3D:  
  27.            gridNodeTarget->runAction(ShakyTiles3D::create(3.0f, Size(16,12), 5,false));         ⑦  
  28.              break;  
  29.          casekWavesTiles3D:  
  30.            gridNodeTarget->runAction(CCWavesTiles3D::create(3.0f,Size(15,10), 4, 120));     ⑧  
  31.              break;  
  32.     }  
  33. }  

 

 

在上述代码goMenu函数中是运行特效动作,第①行是使用FlipX3D实现X轴3D翻转特效,create函数的参数是持续时间。

第②行是使用PageTurn3D实现翻页特效特效,create函数的第一个参数是持续时间,第二个参数是网格的大小。

第③行是使用Lens3D实现凸透镜特效,create函数第一个参数透镜中心点,第二个参数是透镜半径,第三个参数网格大小,第四个参数是持续时间。

第④行是使用Shaky3D实现晃动特效,create函数第一个参数是持续时间,第二个参数是网格的大小,第三个参数晃动的范围,第四个参数是否伴有Z轴晃动。

第⑤行是使用Waves3D实现3D波动特效,create函数第一个参数是持续时间,第二个参数是网格的大小,第三个参数波动次数,第四个参数是振幅。

第⑥行是使用JumpTiles3D实现晃动特效,3D瓦片跳动特效,create函数第一个参数是持续时间,第二个参数是网格的大小,第三个参数跳动次数,第四个参数是跳动幅度。

第⑦行是使用ShakyTiles3D实现3D瓦片晃动特效,create函数第一个参数是持续时间,第二个参数是网格的大小,第三个参数晃动的范围,第四个参数是否伴有Z轴晃动。

第⑧行是使用WavesTiles3D实现3D瓦片波动特效,create函数第一个参数是持续时间,第二个参数是网格的大小,第三个参数动次数,第四个参数是振幅。

 

 

 

更多内容请关注最新Cocos图书《Cocos2d-x实战 C++卷》
本书交流讨论网站:http://www.cocoagame.net
更多精彩视频课程请关注智捷课堂Cocos课程:http://v.51work6.com
欢迎加入Cocos2d-x技术讨论群:257760386


《Cocos2d-x实战 C++卷》现已上线,各大商店均已开售:

京东:http://item.jd.com/11584534.html

亚马逊:http://www.amazon.cn/Cocos2d-x%E5%AE%9E%E6%88%98-C-%E5%8D%B7-%E5%85%B3%E4%B8%9C%E5%8D%87/dp/B00PTYWTLU

当当:http://product.dangdang.com/23606265.html

互动出版网:http://product.china-pub.com/3770734

 

《Cocos2d-x实战 C++卷》源码及样章下载地址:

源码下载地址:http://51work6.com/forum.php?mod=viewthread&tid=1155&extra=page%3D1 

样章下载地址:http://51work6.com/forum.php?mod=viewthread&tid=1157&extra=page%3D1

欢迎关注智捷iOS课堂微信公共平台
分享到:
评论

相关推荐

    精通COCOS2D-X游戏开发 基础卷 ,王永宝著 ,P368 ,2016.04

    这本书详细介绍了Cocos2d-x框架的基础知识和实战技巧,旨在帮助开发者快速掌握使用Cocos2d-x进行游戏开发的基本技能。Cocos2d-x是一个跨平台的开源游戏引擎,广泛应用于iOS、Android以及多个桌面操作系统,以其高效...

    cocos2d-x学习笔记(9)--effect(特效).rar

    5.1 "effectTest"可能是一个示例项目,用于演示如何在Cocos2d-x中创建和应用特效。这个例子可能包含粒子系统、动作组合以及遮罩等特效的实践。 总结,cocos2d-x的学习需要对特效有深入的理解和实践。从基础的动作和...

    cocos2d-x_心之所向demo

    【cocos2d-x_心之所向demo】是一款专为cocos2d-x新手设计的学习资源,包含了丰富的教程和实际的演示项目。cocos2d-x是一个强大的跨平台2D游戏开发框架,它允许开发者使用C++、Lua或JavaScript编写游戏代码,并在iOS...

    Cocos2d-x粒子效果

    Cocos2d-x是一款开源的游戏开发框架,广泛用于2D游戏、UI和其他视觉互动应用的开发。其中,粒子效果是Cocos2d-x提供的一种强大的视觉特效工具,它能够帮助开发者创造出各种炫酷的动态效果,如火、烟、雪、光晕等。在...

    知易Cocos2D-iPhone开发教程

    《知易Cocos2D-iPhone开发教程》是一份针对iOS平台上Cocos2D游戏引擎的详细学习资源,旨在帮助开发者掌握Cocos2D-iPhone的使用技巧和开发流程。Cocos2D-iPhone是Cocos2D的一个分支,特别为苹果的iOS设备优化,用于...

    Cocos2d-html5 ParticleDemo

    由于基于Web标准,开发者可以使用JavaScript或TypeScript进行编程,同时兼容大部分Cocos2d-x的API,使得迁移和学习成本降低。此外,Cocos2d-html5 支持动画、物理引擎、音频处理、触摸事件等,提供了完善的开发工具...

    知易Cocos2D-iPhone 游戏开发教程006

    在本教程“知易Cocos2D-iPhone 游戏开发教程006”中,我们将深入探讨Cocos2D-iPhone这一强大的游戏开发框架,它为iOS平台上的2D游戏开发提供了丰富的功能和工具。Cocos2D-iPhone是基于Cocos2D的一个版本,专为iPhone...

    知易Cocos2D-iPhone代码示例源码1-8

    这些源码实例覆盖了Cocos2D-iPhone开发的关键方面,对于初学者来说是一份宝贵的参考资料。通过深入研究并实践这些代码,你可以逐步提升自己的游戏开发技能,并了解如何将这些技术应用到实际项目中。同时,结合配套的...

    Cocco2D-iPhone开发教程part02

    Cocos2D-iPhone是一个强大的2D游戏开发框架,用于创建iOS平台上的游戏、演示和其他图形交互应用。在本教程的第二部分,我们将深入探讨Cocos2D-iPhone的核心概念和技术,帮助开发者进一步提升游戏开发技能。 1. **...

    cocos粒子效果

    Cocos2d-x是一款开源的游戏开发框架,广泛用于创建2D游戏、演示程序和其他互动内容。其中,"cocos粒子效果"是Cocos2d-x框架中的一个核心特性,主要用于实现各种炫酷的视觉特效,如火焰、烟雾、星光等。在本篇文章中...

    cocos2d _切水果

    Cocos2d-iPhone 是一个强大的、开源的游戏开发框架,特别适用于构建2D游戏、演示程序和其他图形交互应用。这个框架基于C++,但提供了Objective-C的接口,使得在iOS平台上开发游戏变得简单而高效。"切水果"游戏是一款...

    cocos2dx粒子编辑器

    Cocos2d-x是一款流行的开源游戏开发框架,广泛用于创建2D游戏、演示和其他互动内容。其中,"cocos2dx粒子编辑器"是该框架的一个重要组件,它允许开发者轻松地创建和编辑复杂的粒子系统,以实现各种视觉特效,如火焰...

    cocos2d for iphone 开发教程

    《Cocos2d for iPhone开发教程》是一本深入讲解如何使用Cocos2d框架进行iPhone平台上2D游戏开发的专业教程。Cocos2d是一个开源的游戏开发框架,它为开发者提供了丰富的功能,使得创建复杂的2D游戏变得简单易行。本...

    iPhone 捕鱼达人 cocos2d

    《使用cocos2d开发iOS捕鱼达人游戏》 在移动游戏开发领域,cocos2d是一个备受推崇的2D游戏引擎,尤其适用于制作像“捕鱼达人”这样的休闲娱乐游戏。这款名为“iPhone捕鱼达人”的游戏,就是利用cocos2d的强大功能在...

    ios游戏开发经典著作cocos2d游戏引擎

    Cocos2D是一款强大的、开源的游戏开发框架,它为开发者提供了构建2D游戏、演示和其他图形界面应用的便捷工具。本书深入浅出地介绍了如何利用Cocos2D进行游戏开发,帮助读者快速掌握这一技术。 首先,本书从基础开始...

    cocos2d demo 类似电台DJ效果

    在本文中,我们将深入探讨如何使用Cocos2d框架创建一个类似电台DJ效果的演示项目。Cocos2d是一款广泛使用的开源游戏开发引擎,适用于iOS、Android和其他平台,支持2D游戏开发。在这个"FFTDemo"项目中,我们很可能...

    iPhone上Cocco2D游戏开发中文教程

    同时,推荐配合其他在线教程、官方文档以及社区论坛,如Stack Overflow和Cocos2D-x论坛,以获取更多实践经验和问题解答。 总之,学习iPhone上的Cocos2D游戏开发不仅需要理解游戏引擎的核心概念和技术,还需要掌握...

    基于cocos2dx的一个小例子

    《基于Cocos2dx的游戏开发实例解析》 Cocos2dx是一个开源的游戏开发框架,它基于C++,并提供对多种编程语言的支持,包括Lua和JavaScript。本实例以"基于cocos2dx的一个小例子"为主题,展示了如何利用Cocos2dx进行...

Global site tag (gtag.js) - Google Analytics