本系列学习教程使用的是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> 预加载资源场景界面,这里有两个进度条,但效果是一样的。
源码下载地址(百度云)
分享到:
相关推荐
9、【cocos2d-x IOS游戏开发-捕鱼达人9】鱼与动画 资源引用页: 10、【cocos2d-x IOS游戏开发-捕鱼达人10】鱼的产生和移动 资源引用页: 11、【cocos2d-x IOS游戏开发-捕鱼达人11】鱼的产生和移动:完善 资源引用页...
4、【cocos2d-x IOS游戏开发-捕鱼达人4】基本游戏框架 ...7、【cocos2d-x IOS游戏开发-捕鱼达人7】游戏场景基础实现 资源引用页: 8、【cocos2d-x IOS游戏开发-捕鱼达人8】游戏中的配置文件 资源引用页:
【Cocos2d-X游戏实战开发】捕鱼达人之开始场景的创建(三)源码 教程地址:http://blog.csdn.net/yangyu20121224/article/details/11397899
资源名称:Cocos2d-x实战:JS卷——Cocos2d-JS开发内容简介:本书是介绍Cocos2d-x游戏编程和开发技术书籍,介绍了使用Cocos2d-JS中核心类、瓦片地图、物理引擎、音乐音效、数据持久化、网络通信、性能优化、多平台...
精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发
资源名称:Cocos2D-X游戏开发技术精解内容简介:Cocos2D-X是一款支持多平台的 2D手机游戏引擎,支持iOS、Android、BlackBerry等众多平台。当前,很多移动平台流行的游戏,都是基于Cocos2D-X开发的。 《Cocos2D-X...
本光盘是《Cocos2d-x游戏开发实战精解》一书的配书光盘,内容介绍如下。 (1)本书教学视频:该文件夹收录了本书的配套多媒体教学视频,可用暴风影音等视频播放器播放。 (2)本书源文件:该文件夹收录了本书涉及...
【Cocos2d-X游戏实战开发】捕鱼达人之单例对象的设计(二)源码 教程地址:http://blog.csdn.net/yangyu20121224/article/details/11180135
书中汇聚了热门手机游戏《捕鱼达人》开发的实战经验,作者从最基础的内容开始,逐步深入地介绍了Cocos2d-x的相关知识点。此外,书中的教学资源获得《捕鱼达人》手机游戏的授权,读者可以从一流游戏开发中高起点地...
资源名称:大富翁手机游戏开发实战基于Cocos2d-x3.2引擎内容简介:李德国编著的《大富翁手机游戏开发实战(基于 Cocos2d-x3.2引擎)》使用Cocos2d-x游戏引擎技术,带领读者一步一步从零开始进行大富翁移动游戏的开发...
Cocos2d-x高级开发教程:制作自己的《捕鱼达人》 图书简介: 《Cocos2d-x高级开发教程:制作自己的《捕鱼达人》》是国内第一本全面深入讲解Cocos2d-x进阶内容的图书,Cocos2d-x创始人王哲作序推荐,《捕鱼达人》开发...
Cocos2d-x 3.x游戏开发实战pdf含目录,内容详细,强烈推荐给大家。
【cocos2d-x IOS游戏开发-捕鱼达人14】炮弹切换界面 【cocos2d-x IOS游戏开发-捕鱼达人15】炮弹攻击效果1 【cocos2d-x IOS游戏开发-捕鱼达人16】炮弹攻击效果2 【cocos2d-x IOS游戏开发-捕鱼达人17】炮弹攻击判定
《Cocos2D-X游戏开发技术精解》详细介绍如何使用Cocos2D-X引擎开发自己的移动平台游戏。全书共15章,主要内容包括:Cocos2D-X引擎简介;如何建立跨平台的开发环境;引擎的核心模块——渲染框架;如何实现动态画面和...
精通Cocos2d-x游戏开发(进阶卷)源代码 精通Cocos2d-x游戏开发(进阶卷)源代码 精通Cocos2d-x游戏开发(进阶卷)源代码
Cocos2d-x-3.x游戏开发之旅-钟迪龙著 全新pdf版和附书代码(代码为工程文件,可复制) 附带目录标签
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-x2.25引擎建立的捕鱼达人,参照了《Cocos2d-x高级开发教程:制作自己的〈捕鱼达人〉》一书并做了改动。将代码导入cocos2d的projects文件夹内自创的工程文件夹里的proj.win32文件夹,resoutses则放在对应工程...
Cocos2d-x 是一个支持多平台的 2D 手机游戏引擎
Cocos2d-x项目实战-射击类游戏-迷失航线,版本是Cocos2d-x-3.2