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

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

 

 

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

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

    

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

建游戏中的场景。

一、类的创建

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

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

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

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

二、项目编码

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文件中添加图片的路径。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>default_gold</key>
	<string>200</string>
	<key>title</key>
	<string>title.png</string>
	<key>background</key>
	<string>background.png</string>
	<key>StartScene_Texture</key>
	<string>StartScene.plist</string>
	<key>start_normal</key>
	<string>ui_button_box02_02.png</string>
	<key>start_selected</key>
	<string>ui_button_box02_01.png</string>
	<key>scene_normal</key>
	<string>ui_button_box01_02.png</string>
	<key>scene_selected</key>
	<string>ui_button_box01_01.png</string>
	<key>Button_Texture</key>
	<string>Button.plist</string>
	<key>start</key>
	<string>ui_2p_010.png</string>
	<key>scene</key>
	<string>button_other_014.png</string>

	<key>loading_title</key>
	<string>loading_title.png</string>
	<key>loading_1_1</key>
	<string>loading_1_1.png</string>
	<key>loading_1_2</key>
	<string>loading_1_2.png</string>
	<key>loading_2_1</key>
	<string>loading_2_1.png</string>
	<key>loading_2_2</key>
	<string>loading_2_2.png</string>

	<key>game_background</key>
	<string>game_background.png</string>
	<key>cannon_plist</key>
	<string>cannon.plist</string>
	<key>cannon</key>
	<string>cannon.png</string>
	<key>cannon10_plist</key>
	<string>cannon10.plist</string>
	<key>cannon10</key>
	<string>cannon10.png</string>
	<key>increase_button</key>
	<string>increase_button.png</string>
	<key>reduce_button</key>
	<string>reduce_button.png</string>
	<key>GameLayer_plist</key>
	<string>GameLayer.plist</string>
	<key>game_ui_2p</key>
	<string>game_ui_2p.png</string>
	<key>game_ui_box_01</key>
	<string>ui_box_01.png</string>
	<key>game_ui_box_02</key>
	<string>ui_box_02.png</string>
	</dict>
</plist>

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游戏实战开发】捕鱼达人之游戏场景的创建(六)

   

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

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

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

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

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

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

源码下载地址