码迷，mamicode.com
首页 > 其他好文 > 详细

Cocos2d-x之Scene

时间：2016-08-22 23:17:26      阅读：332      评论：0      收藏：0      [点我收藏+]

标签：

|   版权声明：本文为博主原创文章，未经博主允许不得转载。 

 

　　Scene场景也是cocos2dx中必不可少的元素，游戏中通常我们需要构建不同的场景（至少一个），游戏里关卡、版块的切换也就是一个一个场景的切换，就像在电影中变换舞台和场地一样。场景的一个重要的作用就是流程控制的作用，我们可以通过Director的一系列方法控制游戏中不同的场景的自由切换。下面是Director控制场景的常用方法：

runWithScene( Scene *scene )
/*启动游戏，并运行scene场景。本方法在主程序第一次启动主场景的时候调用。如果已有正在运行的场景则不能调用该方法；会调用pushScene-->startAnimation。*/
pushScene( Scene *scene )
/*将当前运行中的场景暂停并压入到代码执行场景栈中，再将传入的scene设置为当前运行场景，只有存在正在运行的场景时才调用该方法；*/
replaceScene( Scene *scene )
/*直接使用传入的scene替换当前场景来切换画面，当前场景被释放。这是切换场景时最常用的方法。*/ 
popScene()
/*释放当前场景，再从代码执行场景中弹出栈顶的场景，并将其设置为当前运行场景。如果栈为空，直接结束应用。和PushScene结对使用 */
end()
//释放和终止执行场景，同时退出应用 
pause()
//暂停当前运行场景中的所有计时器和动作，场景仍然会显示在屏幕上 
resume()
//恢复当前运行场景的所有计时器和动作，场景仍然会显示在屏幕上

　　

　　同时场景是层的容器，包含了所有需要显示的游戏元素。通常，当我们需要完成一个场景时候，会创建一个Scene的子类，并在子类中实现我们需要的功能。比如，我们可以在子类的初始化中载入游戏资源，为场景添加层，启动音乐播放 等等。

　　Scene来是Node的一个子类。和Node相比，Scene只是添加了一个特性，它拥有自己的锚点，位置在运行窗口屏幕的正中央。除此之外，再也没有额外的功能，只是一个抽象的概念

 

新建，运行一个场景的方法：

使用AppDelegate类中的applicationDidFinishLaunching函数中调用上一步定义的方法，并使用导演类的runWithScene方法运行场景，如下

Scene* MyGame::createScene()
{
	//新建场景的实例
	auto scene = Scene::create();
	//定义布景层
	auto layer = MyGame::create();
	//将布景层加入场景
	scene->addChild(layer);
	//返回场景类
	return scene;
}
// create a scene. it‘s an autorelease object
auto scene = MyGame::createScene();

// run
director->runWithScene(scene);

 

场景的切换：

首先我们建立一个要切换新的Scene：

StartGame.h

#ifndef _START_GAME_SCENE_H_
#define _START_GAME_SCENE_H_
#include "cocos2d.h"

class MyGameBegin : public cocos2d::Layer
{
public:
	static cocos2d::Scene* createScene();
	virtual bool init();
	void startMenuItemback(cocos2d::Ref* pSender);
	CREATE_FUNC(MyGameBegin);
};
#endif //_START_GAME_SCENE_H_

StartGame.cpp

#include "Startgame.h"
USING_NS_CC;

Scene* MyGameBegin::createScene()
{
	auto startScene = Scene::create();
	auto startLayer = MyGameBegin::create();
	startScene->addChild(startLayer);
	return startScene;
}
bool MyGameBegin::init()
{
	if (!Layer::init())
	{
		return false;
	}
	Size startSize = Director::getInstance()->getVisibleSize();
	Vec2 startOrigin = Director::getInstance()->getVisibleOrigin();
	auto startSprite = Sprite::create("bg2.png");
	startSprite->setPosition(Vec2(startSize.width / 2 + startOrigin.x, startOrigin.y + startSize.height / 2));
	float xs = startSize.width / startSprite->getContentSize().width;
	float ys = startSize.height / startSprite->getContentSize().height;
	startSprite->setScale(xs, ys);
	this->addChild(startSprite);

	return true;
}

MyGameScene.h

#ifndef _MYGAME_SCENE_H_
#define _MYGAME_SCENE_H_
#include "cocos2d.h"

class MyGame : public cocos2d::Layer
{
public:
	static cocos2d::Scene* createScene();
	virtual bool init();
	void startMenuItemback(cocos2d::Ref* pSender);     	//start的回调函数，在这里切换场景
	void helpMenuItemback(cocos2d::Ref* pSender);		//点击start的回调函数
	void exitMenuItemback(cocos2d::Ref* pSender);		//点击start的回调函数
	CREATE_FUNC(MyGame);
};
#endif // _MYGAME_SCENE_H_

MyGameScene.cpp

#include "MyGameScene.h"
#include "StartGame.h"                             //要包含切换场景的头文件
USING_NS_CC;

Scene* MyGame::createScene()
{
	auto scene = Scene::create();
	auto layer = MyGame::create();
	scene->addChild(layer);
	return scene;
}

bool MyGame::init()
{
	if (!Layer::init())
	{
		return false;
	}	
	Size visibleSize = Director::getInstance()->getVisibleSize();
	Vec2 origin = Director::getInstance()->getVisibleOrigin();

	//设置Sprite
	auto bg = Sprite::create("bg1.png");
	bg->setPosition(Vec2(visibleSize.width / 2 + origin.x, visibleSize.height / 2 + origin.y));

	//下面是将图片调节到与窗口同比例的缩放；图片 / 窗口
	float xs = visibleSize.width / bg->getContentSize().width;
	float ys = visibleSize.height / bg->getContentSize().height;
	bg->setScale(xs, ys);
	this->addChild(bg,0);

	auto mouse = Sprite::create("mouse.png");
	mouse->setPosition(Vec2(visibleSize.width / 3 + origin.x, visibleSize.height / 4 + origin.y));
	mouse->setScale(0.5, 0.5);
	this->addChild(mouse, 1);

	auto hammer = Sprite::create("hammer.png");
	hammer->setPosition(Vec2(visibleSize.width / 2.5 + origin.x, visibleSize.height / 2 + origin.y));
	hammer->setScale(0.7, 0.7);
	this->addChild(hammer);

	//设置Label
	auto label = Label::createWithTTF("Whac-a-mole", "fonts/Marker Felt.ttf", 38);
	label->setPosition(Vec2(origin.x + visibleSize.width / 2,
		                  origin.y + visibleSize.height - label->getContentSize().height));
	this->addChild(label,1);

	//设置一个菜单项，
	auto start = MenuItemFont::create("Start", CC_CALLBACK_1(MyGame::startMenuItemback, this));
	start->setPosition(Vec2(origin.x + visibleSize.width / 2,
		(origin.y + visibleSize.height - (visibleSize.height / 2))));

	auto menu1 = Menu::create(start, NULL);
	menu1->setPosition(Vec2(0,0));
	this->addChild(menu1);

	auto help = MenuItemFont::create("Help", CC_CALLBACK_1(MyGame::helpMenuItemback, this));
	help->setPosition(Vec2(origin.x + visibleSize.width / 2,
		(origin.y + visibleSize.height - (visibleSize.height / 2) - (Help->getContentSize().height*1.5))));
	auto menu2 = Menu::create(help, NULL);
	menu2->setPosition(Vec2(0, 0));
	this->addChild(menu2);

	auto exit = MenuItemFont::create("Exit", CC_CALLBACK_1(MyGame::exitMenuItemback, this));
	exit->setPosition(Vec2(origin.x + visibleSize.width / 2,
		(origin.y + visibleSize.height - (visibleSize.height / 2) - ((Exit->getContentSize().height*1.5) * 2))));
	auto menu3 = Menu::create(exit, NULL);
	menu3->setPosition(Vec2(0, 0));
	this->addChild(menu3);

	return true;
}

//replaceScene（）切换场景，在回调函数中切换场景
void MyGame::startMenuItemback(Ref* pSender)
{
	//这里写回调函数的操作
	Director::getInstance()->replaceScene(TransitionJumpZoom::create(2, MyGameBegin::createScene()));
}

void MyGame::helpMenuItemback(Ref* pSender)
{
	//这里写回调函数的操作
}

void MyGame::exitMenuItemback(Ref* pSender)
{
	//这里写回调函数的操作	
	Director::getInstance()->end();    //exit(0);也可以
}

效果图：

开始点击进入游戏：start

技术分享

 切换的过程中的过渡效果：TransitionJumpZoom::create(time,Scene）

技术分享

 

>>场景切换效果函数汇总

TransitionCrossFade::create(time,Scene);  			
慢慢淡化到另一场景             
          
TransitionFade::create(time,Scene); 				
本场景变暗消失后另一场景慢慢出现         

TransitionFadeBL::create(time,Scene); 
本场景右上角到左下角方块消失到另一场景 

TransitionFadeDown::create(time,Scene);
本场景从上到下横条消失到另一场景 

TransitionFadeTR::create(time,Scene); 			        
本场景左下角到右上角方块消失到另一场景

TransitionFadeUp::create(time,Scene); 			        
本场景从下到上横条消失到另一场景

TransitionFlipAngular::create(time,Scene，style );		
本场景翻转消失到另一场景（斜上方）
       
TransitionFlipX::create(time,Scene，style);			
本场景翻转消失到另一场景（X轴）
          
TransitionFlipY::create(time,Scene); 			        
本场景翻转消失到另一场景（Y轴） 

TransitionJumpZoom::create(time,Scene); 			
本场景跳动消失后另一场景跳动出现        

TransitionMoveInB::create(time,Scene); 			        
另一场景由整体从下面出现                 

TransitionMoveInL::create(time,Scene); 			        
另一场景由整体从左面出现                 

TransitionMoveInT::create(time,Scene); 			        
另一场景由整体从上面出现                 

TransitionMoveInR::create(time,Scene); 			        
另一场景由整体从右面出现                  

TransitionPageTurn::create(time,Scene,bool); 		        
翻页切换，bool为true是向前翻。           

TransitionProgressHorizontal::create(time,Scene);		
本场景从左到右消失同时另一场景出现       

TransitionProgressInOut::create(time,Scene); 		        
本场景从中间到四周消失同时另一场景出现   

TransitionProgressOutIn::create(time,Scene);			
本场景从四周到中间消失同时另一场景出现   

TransitionProgressRadialCCW::create(time,Scene); 		
本场景逆时针消失到另一场景               

TransitionProgressRadialCW::create(time,Scene); 		
本场景顺时针消失到另一场景               

TransitionProgressVertical::create(time,Scene); 		
本场景从上到下消失同时另一场景出现       

TransitionRotoZoom::create(time,Scene); 			
本场景旋转消失后另一场景旋转出现         

TransitionShrinkGrow::create(time,Scene); 			
本场景缩小切换到另一场景放大             

TransitionSlideInB::create(time,Scene); 			
本场景向上滑动到另一场景                 

TransitionSlideInL::create(time,Scene); 			
本场景向右滑动到另一场景                 

TransitionSlideInR::create(time,Scene); 			
本场景向左滑动到另一场景                

TransitionSlideInT::create(time,Scene); 			
本场景向下滑动到另一场景                 

TransitionSplitCols::create(time,Scene); 			
本场景三矩形上下消失后另一场景三矩形上下 

TransitionSplitRows::create(time,Scene); 			
本场景三矩形左右消失后另一场景三矩形左右 

TransitionTurnOffTiles::create(time,Scene); 			
本场景小方块消失到另一场景               

TransitionZoomFlipAngular::create(time,Scene，style); 		
本场景翻转消失到另一场景（斜上方）       

TransitionZoomFlipX::create(time,Scene，style); 		
本场景翻转消失到另一场景（X轴）          

TransitionZoomFlipY::create(time,Scene，style);		
本场景翻转消失到另一场景（Y轴 ）

切换成功：

技术分享

Cocos2d-x之Scene

标签：

原文地址：http://www.cnblogs.com/geore/p/5797118.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！