【Cocos2d-X游戏实战开发】捕鱼达人之游戏场景的创建（六）

本系列学习教程使用的是cocos2d-x-2.1.4（最新版为cocos2d-x-2.1.5）   

 

 

博主发现前两个系列的学习教程被严重抄袭，在这里呼吁大家请尊重开发者的劳动成果，

转载的时候请务必注明出处：http://blog.csdn.net/yangyu20121224/article/details/12067629 

 

 

    

     好的，从今天开始我们将进入游戏界面的开发了。话不多说，下面就让我们一起来创

建游戏中的场景。

 

 

 

一、类的创建

 

1、首先我们新建一个加载场景类，取名为“GameScene”，并继承自CCLayer类。

 

2、添加好了之后，可以在目录中看到“GameScene.h”和“GameScene.cpp”这两个文件。

 

 

 

二、项目编码

 

1、在刚刚新建的GameScene类中添加代码， GameScene.h头文件。

#ifndef __GAME_SCENE_H__
#define __GAME_SCENE_H__

#include "cocos2d.h"

class GameLayer :public cocos2d::CCLayer
{
public:
	//初始化方法
	virtual bool init();

	//创建场景
	static cocos2d::CCScene* scene();

	CREATE_FUNC(GameLayer);

	//初始化组件
	bool setupViews();
};
#endif

 

2、GameScene.cpp文件，这段代码有很详细的注释。

#include "GameScene.h"
#include "StaticData.h"

USING_NS_CC;

//创建游戏场景
CCScene* GameLayer::scene(){
	CCScene* scene = CCScene::create();
	GameLayer* layer = GameLayer::create();
	scene->addChild(layer);
	return scene;
}

//初始化方法
bool GameLayer::init(){
	bool isRet = false;

	do 
	{
		CC_BREAK_IF(!this->setupViews());		

		isRet = true;
	} while (0);

	return true;
}

// 初始化控件和布景
bool GameLayer::setupViews()
{
	bool isRet = false;
	do 
	{
		CCLOG("games initialization...");

		//获得窗口尺寸大小
		CCSize winSize = CCDirector::sharedDirector()->getWinSize();

		//创建背景图片精灵
		CCSprite* background = CCSprite::create(STATIC_DATA_STRING("game_background"));
		//设置精灵位置
		background->setPosition(CCPointMake(winSize.width * 0.5, winSize.height * 0.5));
		//添加精灵至图层
		this->addChild(background);

		//加入plist文件至缓存
		CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile(STATIC_DATA_STRING("GameLayer_plist"));
		//从缓存读取并创建精灵
		CCSprite* game_box01 = CCSprite::createWithSpriteFrameName(STATIC_DATA_STRING("game_ui_box_01"));
		//设置锚点
		game_box01->setAnchorPoint(ccp(0.5,1));
		//设置精灵位置
		game_box01->setPosition(CCPointMake(winSize.width * 0.5, winSize.height));
		//添加精灵至图层
		this->addChild(game_box01);

		//从缓存读取并创建精灵
		CCSprite* game_box02 = CCSprite::createWithSpriteFrameName(STATIC_DATA_STRING("game_ui_box_02"));
		//设置锚点
		game_box02->setAnchorPoint(ccp(0.5,0));
		//设置精灵位置
		game_box02->setPosition(CCPointMake(winSize.width * 0.5, 0));
		//添加精灵至图层
		this->addChild(game_box02,3);

		//创建背景图片精灵
		CCSprite* ui_2p = CCSprite::create(STATIC_DATA_STRING("game_ui_2p"));
		//设置精灵位置
		ui_2p->setPosition(CCPointMake(winSize.width * 0.5, 41));
		//添加精灵至图层
		this->addChild(ui_2p,2);

		isRet=true;
	} while (0);
	return isRet;
}

3、别忘了在static_data.plist文件中添加图片的路径。

	default_gold
	200
	title
	title.png
	background
	background.png
	StartScene_Texture
	StartScene.plist
	start_normal
	ui_button_box02_02.png
	start_selected
	ui_button_box02_01.png
	scene_normal
	ui_button_box01_02.png
	scene_selected
	ui_button_box01_01.png
	Button_Texture
	Button.plist
	start
	ui_2p_010.png
	scene
	button_other_014.png

	loading_title
	loading_title.png
	loading_1_1
	loading_1_1.png
	loading_1_2
	loading_1_2.png
	loading_2_1
	loading_2_1.png
	loading_2_2
	loading_2_2.png

	game_background
	game_background.png
	cannon_plist
	cannon.plist
	cannon
	cannon.png
	cannon10_plist
	cannon10.plist
	cannon10
	cannon10.png
	increase_button
	increase_button.png
	reduce_button
	reduce_button.png
	GameLayer_plist
	GameLayer.plist
	game_ui_2p
	game_ui_2p.png
	game_ui_box_01
	ui_box_01.png
	game_ui_box_02
	ui_box_02.png
	

 

4、这里还有一个地方要说明，因为博主在加载资源页面跳转到游戏主页面之后出现点小问题，这个小问题也困扰了

博主好几天了，一直没有解决。所以为了不影响写博客的进度，这里我把StartScene.cpp文件中的start_callback()函

数里面的代码改为。

//点击“开始游戏”按钮的回调
void StartLayer::start_callback(CCObject* pSender){
    CCLOG( "start game");

	CCDirector::sharedDirector()->replaceScene(CCTransitionFade::create(1.0f, GameLayer::scene()));
}

改完之后就直接进入游戏主界面了。

 

5、游戏场景效果图。

 

 

   

    对于Cocos2d-X开发来说，博主也算是一个新手，难免都会遇到一些让人头疼的问题。所以这也是为什么博主要跟

大家强调的，一定要以实战为主，只有在实战中才能真正的学习新的知识以及无法预知的困难。这里，我简单的跟大

家描述一下问题的情况，如果也遇到过类似情况的朋友，可以跟博主一起讨论学习：

点击“开始按钮”，进入加载资源页面之后，等到资源加载完毕，按照正常的逻辑应该是会进入到游戏主页面。但

是，进入游戏页面之后，只是短暂的两秒钟后又退回到了资源加载的页面。根据打印的Log日志来看，应该是有什么

对象为空，但是我又没发现这样的对象，所以出现这样的问题很是郁闷，希望广大的网友可以帮忙解决，谢谢了！

 

 

源码下载地址