目录
导读
上一章,我们讲解了cocos的基本概念。我们做一个场景基本的步骤是:
创建一个场景---->交给层类布置---->将层加入场景
本章要讲的是:
1.cocos2dx加载图片资源的两种方式
2.cocos2dx音效的使用
3.cocos2dx粒子系统的使用
4.一些控件的使用
一、cocos2dx概念
1、cocos2dx加载图片资源的两种方式
cocos2d的资源加载方式大致可以分为两种
1.同步加载
2.异步加载
个人觉得游戏其本质上与GUI程序是相同的东西,如果我们在主线程上进行耗时的资源加载或者操作,那就会表现出界面不响应,假死的现象,因此我们遇到一些耗时操作时候,应该使用异步加载和处理。(其中涉及多线程相关知识,我们不多做深究,只要知道遇到耗时操作时,应该异步加载。)
接下来会结合代码讲解,详细内容参见《cocos2d-x 3.0 游戏开发实战详解》的2.7节。
2、cocos2dx音效的概念
我们知道电影和游戏里的音效主要有两种:
1.背景音乐(BGM)
2.即时音效
这两个很好理解,背景音乐是持续不断播放的,营造一种戏剧氛围。即时音乐是根据相应的事件产生的,例如:枪声、击打声、喊出中二的技能名等。
音效的使用主要是通过SimpleAudioEngine(相当于音效师)来实现的。
详细内容参见《cocos2d-x 3.0 游戏开发实战详解》的5.7节。
3、cocos2dx粒子系统的概念
粒子系统的朴素理解就是实现类似于烟花、爆炸、火焰、天气(主要是下雨、下雪这些)等效果的系统,因为这些效果看起来就是很多的小粒子组成的。
cocos2dx的粒子效果的设计和使用主要是通过操作plist文件。
详细内容参见《cocos2d-x 3.0 游戏开发实战详解》的第4章。
二、认识道具师团队
导演来到道具师的团队了,团队主要有两个成员:
道具师(StartLayer)
音效师(SimpleAudioEngine)
现场一片狼藉,散落着许多还未布置的道具(MenuItemImage、Label等控件),但是我们隐约可以看到搭建起来的雏形(图片加载进度场景):
2.1 实现初始化
#ifndef __StartLayer_H__
#define __StartLayer_H__
#include "cocos2d.h"
#include "ShootBubbleSceneManager.h"
using namespace cocos2d;
class StartLayer: public Layer
{
public:
// 初始化布景
virtual bool init();
public:
// 声明一个指向场景管理器对象的指针
ShootBubbleSceneManager *sbsm;
// 声明一个用于加载图片资源时显示的精灵
Sprite* loadingPic;
Label* lPros;
//定义其构造函数的宏
CREATE_FUNC(StartLayer);
};
#endif
#include "StartLayer.h"
#include "cocos2d.h"
#include "SimpleAudioEngine.h"
#include "extensions/cocos-ext.h"
//引用cocos2d名称空间
using namespace cocos2d;
bool StartLayer::soundB=true;
//实现初始化布景方法
bool StartLayer::init()
{
//调用父类的初始化方法
if ( !Layer::init() )
{
return false;
}
//获取可见区域的尺寸
Size visibleSize = Director::getInstance()->getVisibleSize();
// 创建一个精灵当作背景图片
loadingPic = Sprite::create("loading.jpg");
// 设置其位置
loadingPic->setPosition(visibleSize.width/2,visibleSize.height/2);
// 将其添加到布景中
this->addChild(loadingPic,0);
lPros = Label::createWithTTF("0%","FZKATJW.ttf",50);
lPros->setPosition(Point(270,480));
this->addChild(lPros,1);
return true;
}
该雏形(图片加载进度场景)由两个部分组成,一个背景板(loadingPic),一个加载进度显示条(lPros )。
背景板(loadingPic)贴上了海报(loading.jpg),加载进度显示条(lPros )使用了字体(“FZKATJW.ttf”)。
其目的在于:在主场景的搭建过程中,我们需要做大量的准备工作(如:加载资源、读取数据等),在完成这些操作之前,我不能把还在搭建的场景显示给观众,我们需要用一个进度加载场景让观众进行等待,并告诉观众加载到哪里了。(目前该项目比较少资源,加载太快,一般不看不到该界面)。
接下来实现的是显示加载百分比的功能,与加载资源功能,该方法是异步加载的
2.2 显示加载百分比
// 加载完成一副图片时回调的方法
void loadingCallBack(Texture2D* tt);
// 异步加载的方法
void loadingTexturesAsync();
void StartLayer::loadingTexturesAsync()
{
// 将需要加载到图片储存在一个数组中
std::string sa[16]=
{
"ball_1.png","ball_2.png","ball_3.png","ball_4.png",
"ball_5.png","ball_6.png","ball_7.png","ball_8.png",
"frozen_1.png","frozen_2.png","frozen_3.png","frozen_4.png",
"frozen_5.png","frozen_6.png","frozen_7.png","frozen_8.png"
};
for(int i=0;i<16;i++)
{
Director::getInstance()->getTextureCache()->addImageAsync( //加载图片资源
sa[i], //图片资源路径
CC_CALLBACK_1(StartLayer::loadingCallBack, this) //加载完成时被回调的方法
);
}
}
加载总共16张图片,每加载一次,回调一次StartLayer::loadingCallBack函数。
void StartLayer::loadingCallBack(Texture2D* tt)//加载完成时被回调的方法
{
//创建主界面的代码,接下来要实现
}else
{
//显示当前加载进度
lPros->setString(StringUtils::format("%d",100/16*jd)+"%");
}
}
效果:
2.3 资源加载界面替换为进入主界面
加载主界面代码的实现
/首先删除前面创建的背景与标签。/
// 如果加载完成
lPros->setString("100%");
this->removeChild(lPros);
// 获取可见区域的尺寸
Size visibleSize = Director::getInstance()->getVisibleSize();
// 删除加载时用作背景的精灵对象
this->removeChild(loadingPic);
/首先删除前面创建的背景与标签。/
///替换的新背景///
// 创建一个精灵用于显示当前背景
Sprite* mainbg = Sprite::create("bg.png");
// 设置其位置
mainbg->setPosition(Point(visibleSize.width/2,visibleSize.height/2));
// 将其添加到布景中
this->addChild(mainbg,0);
///替换的新背景///
///显示顶端的泡泡龙///
Sprite* sppl = Sprite::create("menu_title.png");
sppl->setPosition(Point(270,800));
this->addChild(sppl,2);
///显示顶端的泡泡龙///
2.4 实现一个菜单项
下面的代码是实现一个项的菜单
实现开始菜单///
// 创建一个开始菜单项
MenuItemImage* puzzle = MenuItemImage::create
(
"start.png", //正常图片
"startp.png", //按下时图片
CC_CALLBACK_0(StartLayer::startCallback, this) //点击被回调掉的方法
);
//设置其位置
puzzle->setPosition(Point(270,630));
Menu* menu = Menu::create(puzzle, NULL);
//设置其位置
menu->setPosition(Point::ZERO);
//将其添加到布景中
this->addChild(menu, 2);
实现开始菜单///
开始游戏菜单的回调函数
void StartLayer::startCallback()
{
//暂时什么也不实现
}
依样画葫芦,实现所有菜单项
// 创建一个开始菜单项
MenuItemImage* puzzle = MenuItemImage::create
(
"start.png", //正常图片
"startp.png", //按下时图片
CC_CALLBACK_0(StartLayer::startCallback, this) //点击被回调掉的方法
);
//设置其位置
puzzle->setPosition(Point(270,630));
//创建帮助菜单项
MenuItemImage* arcade = MenuItemImage::create(
"help.png", //正常图片
"helpp.png", //按下时的图片
CC_CALLBACK_0(StartLayer::helpCallback, this) //点击时被回调的方法
);
//设置其位置
arcade->setPosition(Point(270,530));
//创建帮助菜单项
MenuItemImage* jfb = MenuItemImage::create(
"board.png", //正常图片
"boardp.png", //按下时的图片
CC_CALLBACK_0(StartLayer::phbCallback, this) //点击时被回调的方法
);
//设置其位置
jfb->setPosition(Point(270,430));
//创建关于菜单项
MenuItemImage* aboutUS = MenuItemImage::create(
"aboutus.png", //正常图片
"aboutusp.png", //按下时的图片
CC_CALLBACK_0(StartLayer::aboutCallback, this) //按下时被回调的方法
);
//设置其位置
aboutUS->setPosition(Point(270,230));
Sprite* s = Sprite::create("yinxiao.png");
s->setPosition(Point(270,330));
this->addChild(s);
// 创建返回菜单项
soundon = MenuItemImage::create(
"yinyue.png", //正常图片
"jingyin.png", //按下图片
CC_CALLBACK_0(StartLayer::soundCallback, this) //被点击时回调的方法
);
//设置其位置
soundon->setPosition(Point(400,330));
soundon->setScale(0.5);
// 创建返回菜单项
soundoff = MenuItemImage::create(
"jingyin.png", //正常图片
"yinyue.png", //按下图片
CC_CALLBACK_0(StartLayer::soundCallback, this) //被点击时回调的方法
);
//设置其位置
soundoff->setPosition(Point(400,330));
soundoff->setScale(0.5);
//创建一个菜单对象
Menu* menu = Menu::create(puzzle,arcade,aboutUS,soundon,soundoff,jfb,NULL);
//设置其位置
menu->setPosition(Point::ZERO);
//将其添加到布景中
this->addChild(menu, 2);
1.博客中标注原创的文章,版权归原作者 酒与花生米 所有;
2.未经原作者允许不得转载本文内容,否则将视为侵权;
3.转载或者引用本文内容请注明来源及原作者;
4.对于不遵守此声明或者其他违法使用本文内容者,本人依法保留追究权等。