Cocos2d-x入门之旅[4]场景

我们之前讲了场景图(Scene Graph) 的概念，继续之前你先要知道

场景图决定了场景内节点对象的渲染顺序
渲染时 z-order 值大的节点对象会后绘制，值小的节点对象先绘制

HelloWorld

你还记得HelloWorld场景是如何启动的么？回看我们工程里的AppDelegate.cpp，滚到applicationDidFinishLaunching()的尾部：

// create a scene. it's an autorelease object
auto helloWorldscene = HelloWorld::createScene();
// run
director->runWithScene(helloWorldscene);

Ctrl+鼠标左键点选createScene()查看定义，可以看到这个函数在HelloWorldScnen.h内声明，在HelloWorldScnen.cpp内定义

// HelloWorldScnen.h
static cocos2d::Scene* createScene();

// HelloWorldScnen.cpp
Scene* HelloWorld::createScene()
{
    return HelloWorld::create();
}

我们可以通过该函数获取一个HelloWorld场景对象

之后就是场景的初始化，菜单，精灵等对象的Set都在这里进行

bool HelloWorld::init()
{
    ...
}

最后我们看到一个回调函数

void HelloWorld::menuCloseCallback(Ref* pSender)
{
    //Close the cocos2d-x game scene and quit the application
    Director::getInstance()->end();
}

C++基础差的同学可能还不理解回调的概念，但你只需要知道，这个函数实现了：HelloWorld场景内点击关闭按可钮关闭窗口的功能，就行了、

SecondScene

现在我们对着HelloWorld的代码来创建一个SecondScene

和HelloWorld一样，首先我们需要一份SecondScene.h存放声明，然后是一份SecondScene.cpp存放定义

注意VS内新建文件时，一定要保存到Class文件夹内，不然你是不能直接include“xxxxxx”的（万恶的VS默认保存路径不是Class）

修改到项目目录下的Class

SecondScene.h

首先是套一层宏保护到头尾

#ifndef __SECOND_SCENE_H__
#define __SECOND_SCENE_H__

#endif // __SECOND_SCENE_H__

然后

#include "cocos2d.h"

现在我开始我们要做一点点小变化，我们让SecondScene继承Layer而不是Scene

class SecondScene : public cocos2d::Layer {
public:
	static cocos2d::Scene* createScene();
	virtual bool init();
	CREATE_FUNC(SecondScene);
    //暂时不需要回调函数
};

实际上之前的cocos实例工程里HelloWorld都是继承自Layer的，不知为何现在改了，但是无妨，我们借此机会介绍Layer和Scene的区别

SecondScene.cpp

首先要include我们之前写好的SecondScene.h，为了方便我们也和HelloWorld一样using namespace cocos2d

你可能看到了HelloWorld.cpp里写的是USING_NS_CC而不是using namespace cocos2d，但其实效果是一样的

接下来我们定义creatSceen()函数，也和HelloWorld::createScene()略有不同

Scene* SecondScene::createScene() {
    //创建一个Scene类的对象scene
	auto scene = Scene::create();
    //创建一个SecondScene类的对象layer
	auto SecondScene = SecondScene::create();
    //把layer添加到scene里
	scene->addChild(layer);
    //返回scene
	return scene;
}

理解起来很简单：首先我们创建了一个Scene类的对象scene，然后创建了一个SecondScene类的对象layer（别忘了我们的SecondScene继承自layer），再把layer添加到了scene里，最后返回我们的scene

之后就可以开始写初始化函数了

bool SecondScene::init() {
	auto visibleSize = Director::getInstance()->getVisibleSize();
	Vec2 origin = Director::getInstance()->getVisibleOrigin();

	Label* label = Label::create("Second Test", "fonts/Marker Felt.ttf", 24);
	label->setPosition(
		Vec2(
			origin.x + visibleSize.width / 2,
			origin.y + visibleSize.height - label->getContentSize().height
		)
	);
    
	this->addChild(label);	// 默认z-order=0

	return true;
}

我们不用加太多东西，加入一个label让自己知道这是SecondScene场景就行

现在我们去程序的入口，AppDelegate.cpp里看看，还记得启动HelloWorld场景的那两行代码么，我们改成启动SecondScene场景：

（记得先要加入#include "SecondScene.h"到AppDelegate.cpp里）

// create a scene. it's an autorelease object
auto helloWorldscene = HelloWorld::createScene();
// run
director->runWithScene(helloWorldscene);

改成

auto secondScene = SecondScene::createScene();
director->runWithScene(secondScene);

运行测试：

没有问题

场景切换

接下来我们把AppDelegate.cpp还原回去（Crtl+Z），让程序运行时还是从HelloWorld场景开始，然后尝试使用回调函数切换到SecondScene

由于我们要在HelloWorld切换到Second，所以我们需要在HelloWorld场景里添加一个回调事件，刚好HelloWolrd里就有一个关闭按钮的回调，我们改改代码就行（这里重点是演示如何切换，真的不是我懒）

追踪到HelloWorld::menuCloseCallback()：

把Director::getInstance()->END改成

Director::getInstance()->replaceScene(
    SecondScene::createScene()
);

运行测试，不出意外再点击HelloWorld右下角的关闭按钮，就会一瞬间切换到Second

切换动画

Cocos内置了很多切换场景的动画，比如

Director::getInstance()->replaceScene(
    TransitionSlideInT::create(
        3.0f, SecondScene::createScene()
    )
);

运行，Second会在3秒内从上平滑切换掉HelloWorld

别的切换动画就不赘述了，和Actions又异曲同工之妙，各自己试试吧

场景栈

我们之前都是在使用replaceScene进行场景切换，replaceScene会使前一个场景被释放（简单来说就是删掉了，不再占用内存，想找回来只能重新创建一个），节省了内存资源，但有时我们不希望场景被释放怎么办呢

Cocos还提供了推进pushScene()和弹出popScene两种方法，把一系列场景存储到栈内，按需弹出(释放)和推进新场景

栈是一种数据结构，你可以简单理解为一个弹匣，对栈有两种操作：

入栈(push)，装入子弹

出栈(pop)，射出子弹

子弹总是最上面的先被射出（pop时栈顶的元素最先出栈），也就是“先进后出”

新加入场景时使用pushScene()，新旧场景就会被存入场景栈，新在上旧在下（也就是说旧的场景没有释放），popScene会将新的场景释放，旧的场景就被弹了上来原来的位子，显示旧场景

你可以在场景初始化函数内写一段等待x秒的代码（换个思路，可以写一个计时器），验证pop后显示的旧场景不是新创建的：

bool HelloWorld::init()
{
 	... 
        
    for(int i = 0; i <19999999; i++)// 耗时操作   
        
    ...
}

发挥你的奇思妙想，还有什么方法，自己实验一下

层和场景

这个好理解，想想你玩过的2d游戏，或者Photoshop的图层界面，一个场景里可以有好几个层

场景内创建层很简单：

Layer* layer2 = Layer::create();

当然一个层必须添加到场景内才会生效，层无法离开场景独立存在

之后的学习中我们会进一步体会到层的作用

posted @ 2019-10-23 17:54 KelvinVS 阅读(1074) 评论(0) 编辑收藏举报

刷新页面返回顶部

KelvinVS