***************************************转载请注明出处:http://blog.csdn.net/lttree*******************************************
今天最终把界面交上去了,~~o(>_<)o ~~。花费了好多时间。。
。
做个 场景切换 来庆祝一下。
PS:欢迎大家一起讨论呀~。共同加油!
*********************************
本文三部分:
1.前言
2.菜单button运行场景切换
3.场景切换特效
*********************************
1.前言
场景切换,我认为能够分为两种。
一种就是自己主动切换,比方玩游戏碰到的,游戏载入完毕时的切换,这样的一般有个事件触发机制,本次暂先不讲
还有就是点击切换,比方点击某个button。回调函数时场景切换。
首先说一下,我们刚開始创建新的项目后,開始的HelloWorld场景是怎么显现出来的呢?
C++程序在执行时,首找main函数,能够发现,在新建项目中Classes里面没有main函数,
难道cocos2d-x没有main函数吗?当然...不是!
事实上在win32文件夹下,main.cpp和main.h
打开main.cpp 能够看到:
#include "main.h" #include "AppDelegate.h" #include "cocos2d.h" USING_NS_CC; int APIENTRY _tWinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPTSTR lpCmdLine, int nCmdShow) { UNREFERENCED_PARAMETER(hPrevInstance); UNREFERENCED_PARAMETER(lpCmdLine); // create the application instance AppDelegate app; return Application::getInstance()->run(); }
最上面那三行,不用多说,
接下来的using namespace cocos2d
然后是cocos2d-x的入口 APIENTRY _tWinMain
接下来,看到了创建了AppDelegate对象。然后,run函数。
临时先讲到这,感兴趣的,能够跟踪一下。看详细有什么,怎么运行~
在AppDelegate类中,有个函数applicationDidFinishLaunching()
这个函数是程序启动后调用的函数,一般在这个函数里创建设备与场景。
函数里面凝视也非常给力,额。。啥?你说英文看不懂= =....度娘或有道总有一款适合你呀。。
这里我用的曾经的项目,所以创建的场景不是HelloWorld的。
bool AppDelegate::applicationDidFinishLaunching() { // initialize director auto director = Director::getInstance(); auto glview = director->getOpenGLView(); if(!glview) { glview = GLView::create("My Game"); director->setOpenGLView(glview); } // turn on display FPS director->setDisplayStats(true); // set FPS. the default value is 1.0/60 if you don't call this director->setAnimationInterval(1.0 / 60); // create a scene. it's an autorelease object auto scene = WelcomeScene::createScene(); // run director->runWithScene(scene); return true; }
然后,我们能够看到 director->runWithScene
对的。控制场景执行是 导演在执行的。
2.菜单button的场景切换
恩,如今来进行场景的切换吧。先要创建一个场景,这里就用我曾经创建的Welcomscene场景吧,
在里面加一个button,通过button的回调函数跳转到程序初始原有的HelloWorld场景中。
这里。场景的跳转也有不同方式:
①替换,就是用某个场景替换当前场景。原先场景就被释放掉了。
②栈式,将如今的场景保存。向入栈一样。压入栈中,显示新场景。假设新场景释放。将原场景显示。原场景不释放,耗内存大。
①替换
先演示,替换的,主要就是在回调函数中导演的动作。我先在WelcomeScene场景中新建背景图层即一个菜单button。
WelcomeScene.h:
#include "cocos2d.h" class WelcomeScene : public cocos2d::Layer { public: // 创建场景函数 static cocos2d::Scene* createScene(); virtual bool init(); void menujumpCallback(cocos2d::Ref* pSender); // 是一个宏定义 CREATE_FUNC(WelcomeScene); };
WelcomeScene.cpp:
#include "WelcomeScene.h" #include "HelloWorldScene.h" USING_NS_CC; // 创建场景函数 Scene* WelcomeScene::createScene() { auto scene = Scene::create(); auto layer = WelcomeScene::create(); scene->addChild(layer); return scene; } bool WelcomeScene::init() { // 推断能否初始化。若不能则直接返回,退出。if ( !Layer::init() ) { return false; } // 获得屏幕高度与宽度与起点坐标 Size visibleSize = Director::getInstance()->getVisibleSize(); Point origin = Director::getInstance()->getVisibleOrigin(); // 背景图片 auto mysprite=Sprite::create("backg.png"); mysprite->setPosition(Point(visibleSize.width/2,visibleSize.height/2)); this->addChild(mysprite,0); // 创建菜单button,三个參数。第一个为点击前样子,第二个为点击后样子,第三个为点击button所运行的函数(就是回调函数) auto jumpItem = MenuItemImage::create( "icon01.png", "icon01.png", CC_CALLBACK_1(WelcomeScene::menujumpCallback, this)); // 设置放置button的位置(宽度:屏幕最右側-button的宽度/2,高度:屏幕最下側-button高度/2。由于锚点在中心。所以除以2) jumpItem->setPosition(Point(origin.x + visibleSize.width - jumpItem->getContentSize().width/2 , origin.y + jumpItem->getContentSize().height/2)); // 加入到菜单 auto menu = Menu::create(jumpItem, NULL); menu->setPosition(Point::ZERO); this->addChild(menu, 1); return true; } void WelcomeScene::menujumpCallback(Ref* pSender) { // 创建HelloWorld场景 auto scene=HelloWorld::createScene(); // 让导演 用HelloWorld场景 ☆替换☆ 如今的场景,注意是替换! Director::getInstance()->replaceScene(scene); }
都有凝视。就不具体解释。假设有不懂,随时欢迎咨询~
注意哟,要调用哪个场景时,不要忘了加入那个场景的头文件。
主要看一下回调函数,创建HelloWorld场景,然后导演运行的replaceScene函数。所以是替换操作。
②栈换
然后再试一试。压栈出栈的场景跳转。
这时候。须要两个场景的配合。
以为这样场景切换,主要用于游戏进行时,点击暂停,我们须要将如今场景压栈,然后弹出暂停界面,
点击暂停界面返回,这时候就出栈,原场景重现。
这时候。我们改变一下,HelloWorld场景中。关闭button的回调函数,让它进行导演的pop操作。
WelcomeScene.cpp,仅仅有回调函数改变了:
void WelcomeScene::menujumpCallback(Ref* pSender) { // 创建HelloWorld场景 auto scene=HelloWorld::createScene(); // 让导演 用HelloWorld场景 ☆压栈☆ 如今的场景 Director::getInstance()->pushScene(scene); }
HelloWorldScene.cpp,也是仅仅有回调函数改变:
void HelloWorld::menuCloseCallback(Ref* pSender) { // 让导演 ☆出栈☆ 如今的场景 Director::getInstance()->popScene(); }
我们能够Push非常多个场景,每一次Pop恢复上一个,当然也能够通过 void popToRootScene()来回到根场景。就是最初的场景。
这就是另外一种进行入栈,出栈式的场景切换。
3.切换动画效果
Cocos2d-x 引擎,对于切换场景提供了非常多动画效果。
我们来试一试吧
void WelcomeScene::menujumpCallback(Ref* pSender) { auto scene=HelloWorld::createScene(); auto scene02=TransitionZoomFlipY::create(1.0f,scene); Director::getInstance()->replaceScene(scene02); }
在第一行创建了HelloWorld场景,
在第二行创建动画效果的场景。第三行导演类运行替换场景,用第二行创建的场景哟。
一般第二行的參数必要的为两个(多长时间动画(浮点类型),切换到的目标场景)
第三个可选。一般都有。这次我用的动画效果API里是这种:
Orientation就是一些转换方向的类型:
动画效果还有非常多:
//慢慢淡化到还有一场景
TransitionCrossFade::create(时间,目标场景);
//本场景变暗消失后还有一场景慢慢出现
TransitionFade::create(时间,目标场景);
//本场景右上角到左下角方块消失到还有一场景
TransitionFadeBL::create(时间,目标场景);
//本场景从上到下横条消失到还有一场景
TransitionFadeDown::create(时间,目标场景);
//本场景左下角到右上角方块消失到还有一场景
TransitionFadeTR::create(时间,目标场景);
//本场景从下到上横条消失到还有一场景
TransitionFadeUp::create(时间,目标场景);
//本场景翻转消失到还有一场景(斜上方)
TransitionFlipAngular::create(时间,目标场景,样式 );
//本场景翻转消失到还有一场景(X轴)
TransitionFlipX::create(时间,目标场景,样式);
//本场景翻转消失到还有一场景(Y轴)
TransitionFlipY::create(时间,目标场景);
//本场景跳动消失后还有一场景跳动出现
TransitionJumpZoom::create(时间,目标场景);
//还有一场景由总体从以下出现
TransitionMoveInB::create(时间,目标场景);
//还有一场景由总体从左面出现
TransitionMoveInL::create(时间,目标场景);
//还有一场景由总体从上面出现
TransitionMoveInT::create(时间,目标场景);
//还有一场景由总体从右面出现
TransitionMoveInR::create(时间,目标场景);
//翻页切换,bool为true是向前翻。
TransitionPageTurn::create(时间,目标场景,bool);
//本场景从左到右消失同一时候还有一场景出现
TransitionProgressHorizontal::create(时间,目标场景);
//本场景从中间到四周消失同一时候还有一场景出现
TransitionProgressInOut::create(时间,目标场景);
//本场景从四周到中间消失同一时候还有一场景出现
TransitionProgressOutIn::create(时间,目标场景);
//本场景逆时针消失到还有一场景
TransitionProgressRadialCCW::create(时间,目标场景);
//本场景顺时针消失到还有一场景
TransitionProgressRadialCW::create(时间,目标场景);
//本场景从上到下消失同一时候还有一场景出现
TransitionProgressVertical::create(时间,目标场景);
//本场景旋转消失后还有一场景旋转出现
TransitionRotoZoom::create(时间,目标场景);
//本场景缩小切换到还有一场景放大
TransitionShrinkGrow::create(时间,目标场景);
//本场景向上滑动到还有一场景
TransitionSlideInB::create(时间,目标场景);
//本场景向右滑动到还有一场景
TransitionSlideInL::create(时间,目标场景);
//本场景向左滑动到还有一场景
TransitionSlideInR::create(时间,目标场景);
//本场景向下滑动到还有一场景
TransitionSlideInT::create(时间,目标场景);
//本场景三矩形上下消失后还有一场景三矩形上下出现
TransitionSplitCols::create(时间,目标场景);
//本场景三矩形左右消失后还有一场景三矩形左右出现
TransitionSplitRows::create(时间,目标场景);
//本场景小方块消失到还有一场景
TransitionTurnOffTiles::create(时间,目标场景);
//本场景翻转消失到还有一场景(斜上方)
TransitionZoomFlipAngular::create(时间,目标场景,样式);
//本场景翻转消失到还有一场景(X轴)
TransitionZoomFlipX::create(时间,目标场景,样式);
//本场景翻转消失到还有一场景(Y轴)
TransitionZoomFlipY::create(时间,目标场景,样式);
OK,今天先到这里了,(*^__^*) .....,加油!
***************************************转载请注明出处:http://blog.csdn.net/lttree*******************************************