cocos2dX 它CCScene创建原则和切换模式

时间:2023-03-10 01:48:58
cocos2dX 它CCScene创建原则和切换模式

今天, 让我们来看看现场CCScene创建原则和切换模式,

首先, 个什么样子:

cocos2dX 它CCScene创建原则和切换模式

cocos2dX 它CCScene创建原则和切换模式

我们先来看看效果:

啥也没有:

cocos2dX 它CCScene创建原则和切换模式

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMzY0MjQ5NA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

诸位少侠莫急, 且待我一一解释( 旁白: 你今天又是在发什么疯啊)

创建一个继承于CCLayer的HelloWorld,然后通过HelloWorld这个Layer中提供一个产生CCScene的指针的静态函数,获取场景的指针,加载场景

我们先具体的看看每一个函数做了什么

CCScene* HelloWorld::scene()

创建了一个场景

依据HelloWorld创建了一个层

将层加入到场景里面

返回场景指针

bool HelloWorld::init()

推断父类是否初始化成功, 假设不成功, 结束初始化操作

总的来说, CCScene相当于一个容器, 尽管继承自CCNode, 可是什么也没干, 没有在它的基础上加入成员变量和方法, 仅仅是重构了init, 把层加入到场景中

所以我们要在init函数里面进行各种操作, 然后使用addChild加入到层上面, 我们再让CCDirector调用runWithScene(), 播放这个场景, 我们加入的精灵这些才干在屏幕上显示出来

好了, 我们来看看今天最重要一部分, 场景切换

先来看看场景切换有多少特效:

[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(上向下翻转)

嗯, 这里借用孤狼大神整理的, 感谢哈, 嘿嘿, 我人比較懒

好了, 我们先来创建一个新的场景

创建一个名叫scene2的类, 从HelloWorld把代码复制过来, 注意要把类名这些换过来哦

#ifndef __SCENE2_H__
#define __SCENE2_H__ #include "cocos2d.h" class scene2 : public cocos2d::CCLayer
{
public:
//初始化一个场景, 成功返回TRUE, 失败返回FALSE
virtual bool init(); //创建一个场景, 返回类的实例指针, 说白了就是返回一个场景指针
static cocos2d::CCScene* scene(); //创建一个层
CREATE_FUNC(scene2);
}; #endif // __SCENE2_H__
#include "scene2.h"

USING_NS_CC;

CCScene* scene2::scene()
{
//创建场景对象, 而且返回它
CCScene *scene = CCScene::create(); //创建一个层
scene2 *layer = scene2::create(); //将层加入到场景中
scene->addChild(layer); return scene;
} bool scene2::init()
{
if ( !CCLayer::init() )
{
return false;
} return true;
}

这样, 一个新的场景就创建完毕了

我们在原来的场景上创建一张背景图片, 一个button, 额, 这个button我就用的是程序里面的关闭button, 函数内容一改, 嘿嘿, 你懂得( 旁白: 你这是没救了的节奏)

CCSprite* bg = CCSprite::create( "HelloWorld.png");
bg->setPosition( ccp( visibleSize.width / 2, visibleSize.height / 2));
addChild( bg); CCMenuItemImage *pCloseItem = CCMenuItemImage::create(
"CloseNormal.png",
"CloseSelected.png",
this,
menu_selector(HelloWorld::menuCloseCallback)); pCloseItem->setPosition(ccp(origin.x + visibleSize.width - pCloseItem->getContentSize().width/2 ,
origin.y + pCloseItem->getContentSize().height/2)); // create menu, it's an autorelease object
CCMenu* pMenu = CCMenu::create(pCloseItem, NULL);
pMenu->setPosition(CCPointZero);
this->addChild(pMenu, 1);

关键的来了, 我们来改动一下关闭button的功能, 直接使用scene2的scene()函数创建了一个场景, 用导演类直接切换到我们新创建的场景

CCScene* myScene = scene2::scene();
CCDirector::sharedDirector()->replaceScene( myScene);

当然, 我们得把scene2的头文件引进来

#include "scene2.h"

cocos2dX 它CCScene创建原则和切换模式

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMzY0MjQ5NA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

再来改动scene2依样画葫芦, 我们再把scene2实现了:

	CCLabelTTF* ttf = CCLabelTTF::create( "SCENE_2", "Arial", 40);
ttf->setPosition( ccp( visibleSize.width / 2, visibleSize.height / 2));
addChild( ttf); CCMenuItemImage *pCloseItem = CCMenuItemImage::create(
"CloseNormal.png",
"CloseSelected.png",
this,
menu_selector(scene2::menuCloseCallback)); pCloseItem->setPosition(ccp(origin.x + visibleSize.width - pCloseItem->getContentSize().width/2 ,
origin.y + pCloseItem->getContentSize().height/2)); // create menu, it's an autorelease object
CCMenu* pMenu = CCMenu::create(pCloseItem, NULL);
pMenu->setPosition(CCPointZero);
this->addChild(pMenu, 1);

改动关闭函数, 在这个切换场景的时候, 我们选择使用了一个滑动切换场景的特效:

void scene2::menuCloseCallback(CCObject* pSender)
{
CCScene* myScene = HelloWorld::scene();
CCTransitionScene* tx = CCTransitionMoveInB::create( 2, myScene);
CCDirector::sharedDirector()->replaceScene( tx);
}

cocos2dX 它CCScene创建原则和切换模式

看看效果, 场景一切换到场景二:

直接一下就切换过去了, 没有不论什么效果

cocos2dX 它CCScene创建原则和切换模式

再看看场景二切换到场景一:

从以下把场景一拉上来的

cocos2dX 它CCScene创建原则和切换模式

行  今天我们在这里, 我希望你把所有这些特殊效果,看看有什么效果

版权声明:本文博客原创文章,博客,未经同意,不得转载。