`
墙头上一根草
  • 浏览: 154064 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

cocos2dx 33种场景切换

阅读更多

       欢迎回到“和屌丝一起学cocos2dx”系列教程,上节我们说到了“24种基本特效”,不知道大家做出来了没有呢?这节课,我们又要开始新的征途了哦,大家准备好了没啊,我们这节要学习33种切换场景。也是很常用的哦,大家可要好好学啊。

 

【一】:为啥学他

 

       废话,你说为啥,不说了。

 

【二】:函数

 

1.创建

 

       CCScene * scene2=Scenedemo2::scene();

 

2.函数

 

[1]:CCTransitionCrossFade::create(时间,目标场景);

   //慢慢淡化到另一场景

[2]:CCTransitionFade::create(时间,目标场景);

   //本场景变暗消失后另一场景慢慢出现

[3]:CCTransitionFadeBL::create(时间,目标场景);

   //本场景右上角到左下角方块消失到另一场景

[4]:CCTransitionFadeDown::create(时间,目标场景);

   //本场景从上到下横条消失到另一场景

[5]:CCTransitionFadeTR::create(时间,目标场景);

   //本场景左下角到右上角方块消失到另一场景

[6]:CCTransitionFadeUp::create(时间,目标场景);

   //本场景从下到上横条消失到另一场景

[7]:CCTransitionFlipAngular::create(时间,目标场景,样式 );

   //本场景翻转消失到另一场景(斜上方)

   //样式(可以不写):

   //kCCTransitionOrientationLeftOver(左向右翻转)

   //kCCTransitionOrientationRightOver(右向左翻转)

[8]:CCTransitionFlipX::create(时间,目标场景,样式);

   //本场景翻转消失到另一场景(X轴)

   //样式(可以不写):

   //kCCTransitionOrientationLeftOver(左向右翻转)

   //kCCTransitionOrientationRightOver(右向左翻转)

[9]:CCTransitionFlipY::create(时间,目标场景);

   //本场景翻转消失到另一场景(Y轴)

   //样式(可以不写):

   //kCCTransitionOrientationUpOver(下向上翻转)

   //kCCTransitionOrientationDownOver(上向下翻转)

[10]:CCTransitionJumpZoom::create(时间,目标场景);

   //本场景跳动消失后另一场景跳动出现

[11]:CCTransitionMoveInB::create(时间,目标场景);

   //另一场景由整体从下面出现

[12]:CCTransitionMoveInL::create(时间,目标场景);

   //另一场景由整体从左面出现

[13]:CCTransitionMoveInT::create(时间,目标场景);

   //另一场景由整体从上面出现

[14]:CCTransitionMoveInR::create(时间,目标场景);

   //另一场景由整体从右面出现

[15]:CCTransitionPageTurn::create(时间,目标场景,bool);

   //翻页切换,bool为true是向前翻。

[16]:CCTransitionProgressHorizontal::create(时间,目标场景);

   //本场景从左到右消失同时另一场景出现

[17]:CCTransitionProgressInOut::create(时间,目标场景);

   //本场景从中间到四周消失同时另一场景出现

[18]:CCTransitionProgressOutIn::create(时间,目标场景);

   //本场景从四周到中间消失同时另一场景出现

[19]:CCTransitionProgressRadialCCW::create(时间,目标场景);

   //本场景逆时针消失到另一场景

[20]:CCTransitionProgressRadialCW::create(时间,目标场景);

   //本场景顺时针消失到另一场景

[21]:CCTransitionProgressVertical::create(时间,目标场景);

   //本场景从上到下消失同时另一场景出现

[22]:CCTransitionRotoZoom::create(时间,目标场景);

   //本场景旋转消失后另一场景旋转出现

[23]:CCTransitionShrinkGrow::create(时间,目标场景);

   //本场景缩小切换到另一场景放大

[24]:CCTransitionSlideInB::create(时间,目标场景);

   //本场景向上滑动到另一场景

[25]:CCTransitionSlideInL::create(时间,目标场景);

   //本场景向右滑动到另一场景

[26]:CCTransitionSlideInR::create(时间,目标场景);

   //本场景向左滑动到另一场景

[27]:CCTransitionSlideInT::create(时间,目标场景);

   //本场景向下滑动到另一场景

[28]:CCTransitionSplitCols::create(时间,目标场景);

   //本场景三矩形上下消失后另一场景三矩形上下出现

[29]:CCTransitionSplitRows::create(时间,目标场景);

   //本场景三矩形左右消失后另一场景三矩形左右出现

[30]:CCTransitionTurnOffTiles::create(时间,目标场景);

   //本场景小方块消失到另一场景

[31]:CCTransitionZoomFlipAngular::create(时间,目标场景,样式);

   //本场景翻转消失到另一场景(斜上方)

   //样式(可以不写):

   //kCCTransitionOrientationLeftOver(左向右翻转)

   //kCCTransitionOrientationRightOver(右向左翻转)

[32]:CCTransitionZoomFlipX::create(时间,目标场景,样式);

   //本场景翻转消失到另一场景(X轴)

   //样式(可以不写):

   //kCCTransitionOrientationLeftOver(左向右翻转)

   //kCCTransitionOrientationRightOver(右向左翻转)

[33]:CCTransitionZoomFlipY::create(时间,目标场景,样式);

   //本场景翻转消失到另一场景(Y轴)

   //样式(可以不写):

   //kCCTransitionOrientationUpOver(下向上翻转)

   //kCCTransitionOrientationDownOver(上向下翻转)

 

 

【三】:新建场景问题

 

       如果我说下面你自己用这些函数去做个场景切换特效你会怎么做呢?你是不是会咆哮:“他娘的老子想问的不是怎么切换,而是他娘的怎么创建新场景,你丫的之前木说过啊有木有。”

       好吧,我说过不到你用的时候和你说了也白说。所以,现在告诉你。

       其实创建一个新场景非常简单。复制即可。

       (什么?你让老子复制什么?)

       复制一下自动生成的helloworld.h和helloworld.cpp。因为他们两在一起,就是一个scene,你只要复制一下,然后改个名字就能用了。记得要在文件夹里复制哦,就像这样。

 

 

       当然这是偷懒的办法,你也可以直接新建.h和.cpp文件,然后自己写。

 

       然后我们在vs里把他们加载进来。

 

 

       然后这里注意!注意!注意!

       你新建的.h文件的这些地方一定要改掉,不能和其他已有的重复。否则后果自负。

 

 

       .cpp文件的也要改哦,么么哒!

 

 

 

       另外说一下生命周期函数

       virtual void onEnter();

       virtual void onEnterTransitionDidFinish();

       virtual void onExit();

       这3个是遇到对应情况时调用的。

       在cpp文件里如果把它们示例了,你可以在开始时放音乐,结束时关闭音乐等等。

       如果他下面的之类需要调用这三个函数,那你就必须写上,否则之类无法继承。

       如果你没有必要的操作,不写也可以。

       调用顺序:

           场景2的init函数

           场景2的onEnter函数

           场景1的onExit函数

           场景2的onEnterTransitionDidFinish函数

 

 

       好了,新建一个场景,你会了吗?我们继续吧。

 

四】:示例

 

1.新建项目Scenedemo

2.新建scene Scenedemo2(怎么创建会了吧)

3.载入2张不同的图,用于创建2个场景

 

 

 

 

Scenedemo.h

 

1.创建一个回调函数用于切换场景

void changescene(CCObject* pSender);

2.创建3个生命周期函数

virtual void onEnter();

virtual void onEnterTransitionDidFinish();

virtual void onExit();

 

 

Scenedemo.cpp

 

1.包含Scenedemo2.h #include "Scenedemo2.h"

2.初始化函数中创建切换菜单

//-new-//

CCSize mysize=CCDirector::sharedDirector()->getWinSize();

CCSprite* sp = CCSprite::create("HelloWorld1.png");

sp->setPosition(ccp(mysize.width/2, mysize.height/2));

this->addChild(sp, 0);

//创建一个菜单

CCMenuItemFont * fontitem=CCMenuItemFont::create("turn 2",this,menu_selector(Scenedemo::changescene));

fontitem->setPosition(ccp(CCDirector::sharedDirector()->getWinSize().width/2, 20));

CCMenu* turnmenu = CCMenu::create(fontitem, NULL);

turnmenu->setPosition(CCPointZero);

this->addChild(turnmenu, 1);

//-new-//

 

 

3.实现changescene回调函数

 

void Scenedemo::changescene(CCObject* pSender){

//新建一个Scenedemo2的scene

CCScene * scene2=Scenedemo2::scene();

////CCTransitionCrossFade切换方式

//CCTransitionScene * s1=CCTransitionCrossFade::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s1);

 

////CCTransitionFade切换方式

//CCTransitionScene * s2=CCTransitionFade::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s2);

 

////CCTransitionFadeBL切换方式

//CCTransitionScene * s3=CCTransitionFadeBL::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s3);

 

////CCTransitionFadeDown切换方式

//CCTransitionScene * s4=CCTransitionFadeDown::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s4);

 

////CCTransitionFadeTR切换方式

//CCTransitionScene * s5=CCTransitionFadeTR::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s5);

 

////CCTransitionFadeUp切换方式

//CCTransitionScene * s6=CCTransitionFadeUp::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s6);

 

////CCTransitionFlipAngular切换方式

//CCTransitionScene * s7=CCTransitionFlipAngular::create(2,scene2,kCCTransitionOrientationRightOver);

//CCDirector::sharedDirector()->replaceScene(s7);

 

//CCTransitionFlipX切换方式

CCTransitionScene * s8=CCTransitionFlipX::create(2,scene2);

CCDirector::sharedDirector()->replaceScene(s8);

 

////CCTransitionFlipY切换方式

//CCTransitionScene * s9=CCTransitionFlipY::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s9);

 

////CCTransitionJumpZoom切换方式

//CCTransitionScene * s10=CCTransitionJumpZoom::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s10);

 

////CCTransitionMoveInB切换方式

//CCTransitionScene * s11=CCTransitionMoveInB::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s11);

 

////CCTransitionMoveInL切换方式

//CCTransitionScene * s12=CCTransitionMoveInL::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s12);

 

////CCTransitionMoveInT切换方式

//CCTransitionScene * s13=CCTransitionMoveInT::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s13);

 

////CCTransitionMoveInR切换方式

//CCTransitionScene * s14=CCTransitionMoveInR::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s14);

 

////CCTransitionPageTurn切换方式

//CCTransitionScene * s15=CCTransitionPageTurn::create(2,scene2,false);

//CCDirector::sharedDirector()->replaceScene(s15);

 

////CCTransitionProgressHorizontal切换方式

//CCTransitionScene * s16=CCTransitionProgressHorizontal::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s16);

 

////CCTransitionProgressInOut切换方式

//CCTransitionScene * s17=CCTransitionProgressInOut::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s17);

 

////CCTransitionProgressOutIn切换方式

//CCTransitionScene * s18=CCTransitionProgressOutIn::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s18);

 

////CCTransitionProgressRadialCCW切换方式

//CCTransitionScene * s19=CCTransitionProgressRadialCCW::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s19);

 

////CCTransitionProgressRadialCW切换方式

//CCTransitionScene * s20=CCTransitionProgressRadialCW::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s20);

 

////CCTransitionProgressVertical切换方式

//CCTransitionScene * s21=CCTransitionProgressVertical::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s21);

 

////CCTransitionRotoZoom切换方式

//CCTransitionScene * s22=CCTransitionRotoZoom::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s22);

 

////CCTransitionShrinkGrow切换方式

//CCTransitionScene * s23=CCTransitionShrinkGrow::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s23);

 

////CCTransitionSlideInB切换方式

//CCTransitionScene * s24=CCTransitionSlideInB::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s24);

 

////CCTransitionSlideInL切换方式

//CCTransitionScene * s25=CCTransitionSlideInL::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s25);

 

////CCTransitionSlideInR切换方式

//CCTransitionScene * s26=CCTransitionSlideInR::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s26);

 

////CCTransitionSlideInT切换方式

//CCTransitionScene * s27=CCTransitionSlideInT::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s27);

 

////CCTransitionSplitCols切换方式

//CCTransitionScene * s28=CCTransitionSplitCols::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s28);

 

////CCTransitionSplitRows切换方式

//CCTransitionScene * s29=CCTransitionSplitRows::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s29);

 

////CCTransitionTurnOffTiles切换方式

//CCTransitionScene * s30=CCTransitionTurnOffTiles::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s30);

 

////CCTransitionZoomFlipAngular切换方式

//CCTransitionScene * s31=CCTransitionZoomFlipAngular::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s31);

 

////CCTransitionZoomFlipX切换方式

//CCTransitionScene * s32=CCTransitionZoomFlipX::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s32);

 

////CCTransitionZoomFlipY切换方式

//CCTransitionScene * s33=CCTransitionZoomFlipY::create(2,scene2);

//CCDirector::sharedDirector()->replaceScene(s33);

}

 

 

Scenedemo2.h

 

1.创建一个回调函数用于切换场景

void changescene(CCObject* pSender);

2.创建3个生命周期函数

virtual void onEnter();

virtual void onEnterTransitionDidFinish();

virtual void onExit();

 

和Scenedemo1.h一样

 

Scenedemo2.cpp

 

1.包含Scenedemo.h  #include "Scenedemo.h"

2.初始化函数中创建切换菜单

 

CCSize mysize=CCDirector::sharedDirector()->getWinSize();

CCSprite* sp = CCSprite::create("HelloWorld2.png");

sp->setPosition(ccp(mysize.width/2, mysize.height/2));

//设置不同颜色区分

sp->setColor(ccc3(100,100,100));

this->addChild(sp, 0);

//创建一个菜单

CCMenuItemFont * fontitem=CCMenuItemFont::create("turn back",this,menu_selector(Scenedemo2::changescene));

fontitem->setPosition(ccp(CCDirector::sharedDirector()->getWinSize().width/2, 20));

CCMenu* turnmenu = CCMenu::create(fontitem, NULL);

turnmenu->setPosition(CCPointZero);

this->addChild(turnmenu, 1);

 

 

3.实现changescene回调函数

 

void Scenedemo2::changescene(CCObject * obj){

//新建一个Scenedemo的scene

CCScene * scene1=Scenedemo::scene();

CCTransitionScene * ss=CCTransitionJumpZoom::create(2,scene1);

CCDirector::sharedDirector()->replaceScene(ss);

}

 

 

 

   好了,最后我们来欣赏一下效果吧

 

 

本节DEMO下载

 

转载请注明出处:http://gl.paea.cn/contents/d4d676f371519df4.html

分享到:
评论

相关推荐

    cocos2d-x 场景切换

    《cocos2d-x场景切换详解》 在游戏开发或者应用设计中,场景切换是一个至关重要的环节,它决定了用户在不同界面之间的流畅体验。cocos2d-x作为一款广泛使用的2D游戏引擎,其场景管理功能强大且灵活,能够帮助开发者...

    Cocos2d x实例 场景切换

    首先,场景是Cocos2d-x中的一种节点类型,通常包含多个子节点,如布景层(Layer)、精灵(Sprite)、菜单(Menu)和标签(Label)。布景层用于组织和管理游戏中的对象,比如角色、背景和交互元素。精灵则常用来表示...

    cocos2d-x场景切换源代码

    本教程将深入探讨如何在Cocos2d-x中实现场景切换,并通过提供的"SimpleGame源代码"进行实例解析。 首先,我们需要理解Cocos2d-x中的`Director`类是管理场景的核心组件。`Director`负责创建、显示和切换场景。在...

    ios cocos2d 场景切换源码

    在Cocos2D中,场景切换是一种常见的操作,例如,当玩家完成一关或者游戏需要加载新内容时,通常需要切换到新的场景。 源码中可能包括以下关键知识点: 1. **CCDirector**:Cocos2D的主要管理者,负责控制游戏的...

    cocos2D各种场景切换效果

    本文将深入探讨cocos2d中的场景切换效果,并介绍如何实现这些效果。 首先,我们要理解cocos2d中的`Scene`类。`Scene`是一个抽象类,它是所有游戏场景的基类。每个场景都是一个完整的舞台,包含一个或多个层(Layer...

    Cocos2d demo 场景切换效果TransitionScene

    学习cocos2d过程中的demo,场景切换效果,cocos2d官方demo中也有。只需将压缩包内的code和资源替换项目中的即可 相关文章: http://blog.csdn.net/lsmfeixiang/article/details/43411919

    Cocos2d demo 场景切换效果TransitionScene 补充

    学习cocos2d过程中的demo,场景切换效果,cocos2d官方demo中也有。只需将压缩包内的code和资源替换项目中的即可 相关文章: http://blog.csdn.net/lsmfeixiang/article/details/43411919

    Cocos2D-x游戏开发之场景切换

    Cocos2D-x游戏开发之场景切换 CCDirector::sharedDirector()->replaceScene(SScene scene); CCDirector::sharedDirector()->PushScene(SScene scene);

    cocos2d的学习资料

    学习cocos2d-x时,你需要理解基本的面向对象编程概念,掌握至少一种支持的语言,如C++或JavaScript。同时,熟悉图形学原理和物理引擎的运作方式也将对你的开发工作大有裨益。通过阅读提供的书籍,你将了解如何创建...

    cocos2d-x场景的创建于切换

    3. **场景切换** 切换场景在cocos2d-x中通常通过`Director`对象的`replaceScene`或`pushScene`方法实现。`replaceScene`会替换当前场景,而`pushScene`则会在栈上添加新场景,形成场景堆叠。 ```cpp cocos2d::...

    cocos2d-x-3.1.zip

    Cocos2d-x是一个开源的游戏开发框架,广泛用于2D游戏、实时渲染应用程序和其他互动内容的制作。这个压缩包“cocos2d-x-3.1.zip”包含了Cocos2d-x框架的3.1版本,这是一个经典且相对旧的版本,可能对于那些寻找历史...

    cocos2d-x-3.13.1 spine3.6.zip

    Cocos2d-x提供了一个SpineNode类,它是Cocos2d-x的CCNode的子类,可以直接在场景中添加和管理Spine动画。通过Lua绑定,你可以轻松地调用Spine的API来播放、停止、暂停或重置动画,以及改变动画的速度、时间缩放等...

    cocos2d js api 中文文档

    7. **场景管理(Scene Management)**:场景是游戏的逻辑单位,Cocos2d-js提供了一种场景切换机制,允许在不同场景间平滑过渡。 8. **图集和精灵表(Atlases & Sprite Sheets)**:为了优化性能,Cocos2d-js支持...

    cocos2d-iphone-2.0.tar.gz

    4. **Scene Management**:通过CCDirector和CCScene类,开发者可以轻松管理游戏场景的切换和生命周期,实现游戏流程的控制。 5. **Box2D Physics Integration**:2.0版本集成了流行的Box2D物理引擎,使得开发者能够...

    cocos2d-x-2.1.4.rar

    增加了Scene和Director的改进,简化了场景切换和游戏流程管理。 4. 资源管理:2.1.4版本对资源加载和管理进行了优化,支持更高效的资源预加载和动态加载,使得游戏的资源管理更加高效。 5. 编辑器支持:与Cocos ...

    cocos2d-x 跑酷源码

    《cocos2d-x 跑酷源码详解:打造属于你的移动跑酷游戏》 在移动游戏开发领域,cocos2d-x是一款广受欢迎的开源2D游戏引擎,它基于C++,支持iOS、Android以及其他多种平台。本文将深入探讨如何利用cocos2d-x开发一款...

    Cocos2d的API

    1. **场景(Scene)**:在Cocos2d中,场景是游戏或应用的基本构建块,它代表了屏幕上的一个完整状态。你可以创建多个场景,每个场景之间可以通过导演(Director)进行切换。 2. **层(Layer)**:场景由一个或多个...

    cocos2D-lua 核心编程内置代码

    1. 场景(Scene):在Cocos2d-lua中,每个游戏状态或屏幕对应一个场景,场景之间可以互相切换。 2. 层(Layer):场景由多个层组成,层是显示内容的基本单元,可以包含精灵、文本、菜单等元素。 3. 精灵(Sprite):...

    cocos2d 入门教程

    cocos2d 是基于Objective-C的,它提供了丰富的图形绘制能力,包括精灵(Sprites)、层(Layers)、场景(Scenes)、动作(Actions)等。cocos2d 的设计目标是简化游戏开发流程,让开发者可以专注于游戏逻辑,而不是...

    保卫萝卜cocos2d源码

    1. 场景管理:Cocos2d的Scene类代表游戏中的一个完整场景,如主菜单、游戏关卡等。在《保卫萝卜》中,每个关卡可以视为一个独立的场景,包含了萝卜、敌人路径、炮塔等元素。通过Director类的replaceScene或pushScene...

Global site tag (gtag.js) - Google Analytics