`
810364804
  • 浏览: 773687 次
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多

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

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

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

趁着过节之际,在这里也是祝大家中秋节日快乐!今天我们要开始的内容也是在游戏

中非常常见的一个功能,就是资源的预加载处理,通常都会有一个进度条用来加载资

源,以便进入游戏中的时候不会因为要加载大量的图片而卡死,好的,话不多说,下面

我们就一起来实现这个功能。

一、类的创建

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

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

二、项目编码

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

#ifndef __LOADING_LAYER_H__
#define __LOADING_LAYER_H__

#include "cocos2d.h"

class LoadingLayer:public cocos2d::CCLayer{
public:
	//构造函数
	LoadingLayer();

	//初始化方法
	virtual bool init();

	CREATE_FUNC(LoadingLayer);

	static cocos2d::CCScene* scene();

	void loadCallBack(cocos2d::CCObject* ped);//异步加载图片时的回调函数	
private:
	int loadingNum;//用来记录当前的加载图片的数量

	int totalNum;//一共要加载的图片数量
	
	bool setUpdateView();//用来初始化页面的基本的纹理	
};
#endif

2、LoadingLayer.cpp文件,这段代码有很详细的注释,相信有编程基础的同学都能一看就懂。

#include "LoadingLayer.h"
#include "StaticData.h"

USING_NS_CC;

//构造函数
LoadingLayer::LoadingLayer(){
	this->loadingNum = 0;
	this->totalNum = 2;
}

//创建加载场景
CCScene* LoadingLayer::scene(){
	CCScene* scene = CCScene::create();
	LoadingLayer* layer = LoadingLayer::create();
	scene->addChild(layer);
	return scene;
}

//初始化方法
bool LoadingLayer::init(){
	bool isRet = false;
	do 
	{
		CC_BREAK_IF(!this->setUpdateView());
			
		//加入plist文件至缓存
		CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile(STATIC_DATA_STRING("cannon_plist"));

		//加入图片至缓存
		CCTextureCache::sharedTextureCache()->addImageAsync(STATIC_DATA_STRING("game_background"),this,callfuncO_selector(LoadingLayer::loadCallBack)); 

		CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile(STATIC_DATA_STRING("GameLayer_plist"));

		CCTextureCache::sharedTextureCache()->addImageAsync(STATIC_DATA_STRING("game_ui_2p"),this,callfuncO_selector(LoadingLayer::loadCallBack)); 			
		
		isRet = true;
	} while (0);
	return isRet;
}

//加载图片时的回调函数
void LoadingLayer::loadCallBack(CCObject* ped){	
	loadingNum++;	 	

	//得到上面进度条对象
	CCProgressTimer* pt1 = (CCProgressTimer*)this->getChildByTag(1);
	
	//得到下面进度条对象
	CCProgressTimer* pt2 = (CCProgressTimer*)this->getChildByTag(2);

	//得到当前进度条的百分比
	float now = pt1->getPercentage();	

	pt1->setPercentage(100 / totalNum + now);
	pt2->setPercentage(100 / totalNum + now);

	if(loadingNum < totalNum){

	}else{
		// 加载完的时候跳转到相应的界面
		CCLOG("loading over");		
	}
}

//初始化组件
bool LoadingLayer::setUpdateView(){
	bool isRet = false;
	do 
	{
		//获得窗口尺寸大小
		CCSize winSize = CCDirector::sharedDirector()->getWinSize();

		//创建标题图片精灵
		CCSprite* titleBg = CCSprite::create(STATIC_DATA_STRING("loading_title"));
		CC_BREAK_IF(!titleBg);	
		titleBg->setPosition(ccp(winSize.width * 0.5,winSize.height * 0.65));
		this->addChild(titleBg);

		//创建上面背景进度条	
		CCSprite* load_1_1 = CCSprite::create(STATIC_DATA_STRING("loading_1_1"));
		CC_BREAK_IF(!load_1_1);	
		load_1_1->setPosition(ccp(winSize.width * 0.5,winSize.height * 0.25 - 10));
		this->addChild(load_1_1,1);

		//创建下面背景进度条
		CCSprite* load_2_1 = CCSprite::create(STATIC_DATA_STRING("loading_2_1"));
		CC_BREAK_IF(!load_2_1);	
		load_2_1->setPosition(ccp(winSize.width * 0.5,winSize.height * 0.1));
		this->addChild(load_2_1,1);

		//创建上面前景进度条  
		CCSprite* load_1_2 = CCSprite::create(STATIC_DATA_STRING("loading_1_2"));  
		CC_BREAK_IF(!load_1_2);  
		//创建上面进度条对象
		CCProgressTimer* pt1 = CCProgressTimer::create(load_1_2);  
		// 设置成横向的 
		pt1->setType(kCCProgressTimerTypeBar); 
		//可以看作是按矩形显示效果的进度条类型  
		pt1->setMidpoint(ccp(0,0));   
		//用来设定进度条横向前进的方向从左向右或是从右向左  
		pt1->setBarChangeRate(ccp(1,0));  
		//重新设置坐标   
		pt1->setPosition(ccp(winSize.width * 0.5,winSize.height * 0.25 - 10)); 
		//设置初始进度的百分比
		pt1->setPercentage(0);  
		//添加至场景并设置标志位
		this->addChild(pt1,2,1);  

		//创建下面前景进度条  
		CCSprite* load_2_2 = CCSprite::create(STATIC_DATA_STRING("loading_2_2"));  
		CC_BREAK_IF(!load_2_2);  
		//创建下面进度条对象
		CCProgressTimer* pt2 = CCProgressTimer::create(load_2_2);  
		// 设置成横向的 
		pt2->setType(kCCProgressTimerTypeBar); 
		//可以看作是按矩形显示效果的进度条类型  
		pt2->setMidpoint(ccp(0,0));   
		//用来设定进度条横向前进的方向从左向右或是从右向左  
		pt2->setBarChangeRate(ccp(1,0));  
		//重新设置坐标   
		pt2->setPosition(ccp(winSize.width * 0.5,winSize.height * 0.1)); 
		//设置初始进度的百分比
		pt2->setPercentage(0);  
		//添加至场景并设置标志位
		this->addChild(pt2,2,2);  

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

这段代码中,我们就在init函数中添加了几张图片用于演示,但是由于图片比较少所以效果不是很明显,以后在游

戏中需要加载的图片都可以在这里预加载。

3、这个类的代码编写好之后,我们再回到之前的开始场景StartScene.cpp文件中,添加点击“开始游戏”按钮的回

调函数。

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

	CCDirector::sharedDirector()->replaceScene(CCTransitionFade::create(0.5f, LoadingLayer::scene()));
}


4、最后别忘了在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>

	</dict>
</plist>


5、运行效果图。

<1> 开始场景界面,点击“开始游戏”按钮,进入加载场景界面。

<2> 预加载资源场景界面,这里有两个进度条,但效果是一样的。

源码下载地址(百度云)

分享到:
评论

相关推荐

    【cocos2d-x IOS游戏开发-捕鱼达人9-13】鱼群产生

    9、【cocos2d-x IOS游戏开发-捕鱼达人9】鱼与动画 资源引用页: 10、【cocos2d-x IOS游戏开发-捕鱼达人10】鱼的产生和移动 资源引用页: 11、【cocos2d-x IOS游戏开发-捕鱼达人11】鱼的产生和移动:完善 资源引用页...

    【cocos2d-x IOS游戏开发-捕鱼达人4-8】章节代码

    4、【cocos2d-x IOS游戏开发-捕鱼达人4】基本游戏框架 ...7、【cocos2d-x IOS游戏开发-捕鱼达人7】游戏场景基础实现 资源引用页: 8、【cocos2d-x IOS游戏开发-捕鱼达人8】游戏中的配置文件 资源引用页:

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

    【Cocos2d-X游戏实战开发】捕鱼达人之开始场景的创建(三)源码 教程地址:http://blog.csdn.net/yangyu20121224/article/details/11397899

    Cocos2d-x实战:JS卷——Cocos2d-JS开发

    资源名称:Cocos2d-x实战:JS卷——Cocos2d-JS开发内容简介:本书是介绍Cocos2d-x游戏编程和开发技术书籍,介绍了使用Cocos2d-JS中核心类、瓦片地图、物理引擎、音乐音效、数据持久化、网络通信、性能优化、多平台...

    精通COCOS2D-X游戏开发 基础卷_2016.4-P399-13961841.pdf

    精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发

    Cocos2D-X游戏开发技术精解

    资源名称:Cocos2D-X游戏开发技术精解内容简介:Cocos2D-X是一款支持多平台的 2D手机游戏引擎,支持iOS、Android、BlackBerry等众多平台。当前,很多移动平台流行的游戏,都是基于Cocos2D-X开发的。 《Cocos2D-X...

    cocos2d-x游戏开发实战精解

    本光盘是《Cocos2d-x游戏开发实战精解》一书的配书光盘,内容介绍如下。 (1)本书教学视频:该文件夹收录了本书的配套多媒体教学视频,可用暴风影音等视频播放器播放。 (2)本书源文件:该文件夹收录了本书涉及...

    【Cocos2d-X游戏实战开发】捕鱼达人之单例对象的设计(二)源码

    【Cocos2d-X游戏实战开发】捕鱼达人之单例对象的设计(二)源码 教程地址:http://blog.csdn.net/yangyu20121224/article/details/11180135

    Cocos2d-x高级开发教程

    书中汇聚了热门手机游戏《捕鱼达人》开发的实战经验,作者从最基础的内容开始,逐步深入地介绍了Cocos2d-x的相关知识点。此外,书中的教学资源获得《捕鱼达人》手机游戏的授权,读者可以从一流游戏开发中高起点地...

    大富翁手机游戏开发实战基于Cocos2d-x3.2引擎

    资源名称:大富翁手机游戏开发实战基于Cocos2d-x3.2引擎内容简介:李德国编著的《大富翁手机游戏开发实战(基于 Cocos2d-x3.2引擎)》使用Cocos2d-x游戏引擎技术,带领读者一步一步从零开始进行大富翁移动游戏的开发...

    Cocos2d-x高级开发教程制作自己的《捕鱼达人》

    Cocos2d-x高级开发教程:制作自己的《捕鱼达人》 图书简介: 《Cocos2d-x高级开发教程:制作自己的《捕鱼达人》》是国内第一本全面深入讲解Cocos2d-x进阶内容的图书,Cocos2d-x创始人王哲作序推荐,《捕鱼达人》开发...

    Cocos2d-x 3.x游戏开发实战pdf含目录

    Cocos2d-x 3.x游戏开发实战pdf含目录,内容详细,强烈推荐给大家。

    【cocos2d-x IOS游戏开发-捕鱼达人14-17】炮弹的实现

    【cocos2d-x IOS游戏开发-捕鱼达人14】炮弹切换界面 【cocos2d-x IOS游戏开发-捕鱼达人15】炮弹攻击效果1 【cocos2d-x IOS游戏开发-捕鱼达人16】炮弹攻击效果2 【cocos2d-x IOS游戏开发-捕鱼达人17】炮弹攻击判定

    Cocos2D-X游戏开发技术精解.pdf

    《Cocos2D-X游戏开发技术精解》详细介绍如何使用Cocos2D-X引擎开发自己的移动平台游戏。全书共15章,主要内容包括:Cocos2D-X引擎简介;如何建立跨平台的开发环境;引擎的核心模块——渲染框架;如何实现动态画面和...

    精通Cocos2d-x游戏开发(进阶卷)源代码

    精通Cocos2d-x游戏开发(进阶卷)源代码 精通Cocos2d-x游戏开发(进阶卷)源代码 精通Cocos2d-x游戏开发(进阶卷)源代码

    Cocos2d-x-3.x游戏开发之旅

    Cocos2d-x-3.x游戏开发之旅-钟迪龙著 全新pdf版和附书代码(代码为工程文件,可复制) 附带目录标签

    cocos2d-x实战项目

    cocos2d-x实战项目 01.cocos2d-x原理及环境配置.rar 03.cocostudio使用方法及UI控制.rar 04.XML文件读取与骨骼动画.rarcocos2d-x实战项目 01.cocos2d-x原理及环境配置.rar 03.cocostudio使用方法及UI控制.rar 04.XML...

    COCOS2D-X 捕鱼达人 (VS2010 C++)

    cocos2d-x2.25引擎建立的捕鱼达人,参照了《Cocos2d-x高级开发教程:制作自己的〈捕鱼达人〉》一书并做了改动。将代码导入cocos2d的projects文件夹内自创的工程文件夹里的proj.win32文件夹,resoutses则放在对应工程...

    Cocos2d-x游戏引擎实战开发炸弹超人

    Cocos2d-x 是一个支持多平台的 2D 手机游戏引擎

    迷失航线-Cocos2d-x项目实战-射击类游戏-关东升

    Cocos2d-x项目实战-射击类游戏-迷失航线,版本是Cocos2d-x-3.2

Global site tag (gtag.js) - Google Analytics