如何用cocos2d-x来开发简单的Uphone游戏：(四) 音乐音效 & 最后的润色

Posted on 2010-10-12 18:03 Walzer 阅读(2534) 评论(0) 编辑收藏

到上一篇为止，我们已经基于cocos2d-x开发出一个很简单的Uphone游戏原型了。下面再添加一些音效、背景音乐和简单的游戏逻辑就可以完工了。

六、音乐音效的实现

cocos2d-iphone中包含一个cocosDenshion库，里面从底到高提供三层接口，CDSoundEngine->CDAudioManager->SimpleAudioEngine。 cocosDenshion整个是依赖于OpenAL实现的。但OpenAL并不像OpenGL是Khronos Group的标准，而是Creative(创新)公司的一个开源库，可以软实现或硬件实现，只是名字起的比较山寨容易让人联想到OpenGL而已。目前硬件实现了OpenAL的好像就苹果一家，对于没有OpenAL的Uphone而言，我们就无法提供cocosDenshion库里底层那些复杂的音效支持了。而最顶一层，SimpleAudioEngine是最简单实用的、也是开发者最常用到的，cocos2d-x提供了这层接口的封装。我们来看游戏代码中如何“只用一行”就实现了音效播放

首先把background-music-aac.mp3和pew-pew-lei.wav两个文件拷贝到 D:\Work7\NEWPLUS\TDA_DATA\UserData 目录下。这里说明两点

Wenderlic文章中提供的这两个音乐文件，是caf格式，这是苹果自己的格式。我们在这里分别转成WAV和MP3，演示一下SimpleAudioEngine对这两种大众格式的支持
和前面的图片资源一样，我们先简单化地把音乐资源拷贝到uphone模拟器默认的资源目录下，通过直接读文件来使用。在本系列教程的下一篇“打包发布”中将会描述如何把图片和音乐和程序打在一个二进制包里，游戏开发者不用担心资源被人轻易拷走后山寨的问题

先在HelloWorldScene.cpp的开头，添加对SimpleaudioEngine.h的包含

// cpp with cocos2d-x
#include "SimpleAudioEngine/SimpleAudioEngine.h"

// objc with cocos2d-iphone
#import "SimpleAudioEngine.h"

然后在bool HelloWorld::init()方法中，加入播放背景音乐的代码

// cpp with cocos2d-x
SimpleAudioEngine::getSharedEngine()->playBackgroundMusic(

"background-music-aac.mp3");

// objc with cocos2d-iphone
[[SimpleAudioEngine sharedEngine] playBackgroundMusic:

@"background-music-aac.caf"];

接着在ccTouchesEnded方法中播放扔出飞镖的音效

// cpp with cocos2d-x
SimpleAudioEngine::getSharedEngine()->playEffect("pew-pew-lei.wav");

// objc with cocos2d-iphone
[[SimpleAudioEngine sharedEngine] playEffect:@"pew-pew-lei.caf"];

音效和背景音乐就这样简单搞定了。

七、最后的润色

现在让我们创建一个新场景，在打掉若干小怪、或者被小怪穿到屏幕左边时显示“You Win”或“You Lose”的界面。在Visual Studio中新建两个文件, GameOverScene.cpp和GameOverScene.h

GameOverScene.h的内容

1 // cpp with cocos2d-x
2 #ifndef _GAME_OVER_SCENE_H_
3 #define _GAME_OVER_SCENE_H_
4
5 #include "cocos2d.h"
6
7 class GameOverLayer : public cocos2d::CCColorLayer
8 {
9 public:
10   GameOverLayer():_label(NULL) {};
11   virtual ~GameOverLayer();
12   bool init();
13   LAYER_NODE_FUNC(GameOverLayer);
14
15   void gameOverDone();
16
17   CCX_SYNTHESIZE_READONLY(cocos2d::CCLabel*, _label, Label);
18 };
19
20
21
22
23
24 class GameOverScene : public cocos2d::CCScene
25 {
26 public:
27   GameOverScene():_layer(NULL) {};
28   ~GameOverScene();
29   bool init();
30   SCENE_NODE_FUNC(GameOverScene);
31
32   CCX_SYNTHESIZE_READONLY(GameOverLayer*, _layer, Layer);
33 };
34
35
36
37 #endif // _GAME_OVER_SCENE_H_

1 // objc with cocos2d-iphone
2
3
4
5 #import "cocos2d.h"
6
7 @interface GameOverLayer : CCColorLayer
8 {
9
10
11
12
13
14
15
16
17 CCLabel *_label;
18 }
19
20 @property (nonatomic, retain) CCLabel *label;
21
22 @end
23
24 @interface GameOverScene : CCScene
25 {
26
27
28
29
30
31
32 GameOverLayer *_layer;
33 }
34
35 @property (nonatomic, retain) GameOverLayer *layer;
36
37 @end

转换要点

1. 在objc的头文件中，可以不声明类成员函数，而直接在.m文件里实现。cpp不允许这样做。所以我们会多个bool init();

2. 由于cpp里没有self这种强大的关键字，所以CCLayer::node()和CCScene::node()方法的都需要派生类自己实现一份，不能像objc那样直接从父类继承下来靠self关键字变成指向自己的对象。node()方法很方便，集合了new,init,autorelease等方法，可以减少调用者的代码量。但由于每份node方法的代码都类似，我们就做了两个宏来方便大家 LAYER_NODE_FUNC和SCENE_NODE_FUNC. 如果想使用这两个宏，就必须在派生类里实现bool init()方法。

2. 关于构造函数和init方法。cocos2d-x在从objc改写为cpp时，并不是直接把init的内容翻到C++构造函数里面，主要出于这样的考虑：C++构造函数有个天生缺陷——没有返回值。这就导致C++构造函数依赖try-catch来捕捉逻辑异常。而一般try-catch用的人不多，开启try-catch支持会使编译后的二进制程序增加不少体积，而且android NDK上也是彻底不支持try-catch。所以我们采取现在比较流行的“二阶段构造”的方法，即使用时先调构造函数，再调用init处理初始化逻辑。这种思路不论是在苹果iOS的接口设计（比如[[NSString alloc] init]，即二阶段构造）、还是在samsung bada操作系统使用C++类时都是如此。

3. objc中的@synthesize实现了_label和_layer两个属性的具体setter和getter。我们在cocos2dx\include\Cocos2dDefine.h中实现了一系列的宏定义，来模仿实现@property和@synthesize的功能。在上面代码中，我们用CCX_SYNTHESIZE_READONLY宏来实现了只读的类成员变量，只有getter没有setter。由于VC++的规则是inline函数只能在头文件里实现，所以@synthesize就从objc的.m文件里移动到cpp的.h文件里，和成员变量声明一并实现了

4. 严谨起见，我们需要在CPP的类构造函数里，对所有成员变量初始化，上文中增加了构造函数把_layer和_label指针初始化为NULL

接着就实现GameOverScene.cpp的内容

1 // cpp with cocos2d-x
2 #include "GameOverScene.h"
3 #include "HelloWorldScene.h"
4
5 using namespace cocos2d;
6
7
8 bool GameOverScene::init()
9 {
10   if( CCScene::init() )
11   {
12     this->_layer = GameOverLayer::node();
13     _layer->retain();
14     this->addChild(_layer);
15
16     return true;
17   }
18   else
19   {
20     return false;
21   }
22 }
23
24 GameOverScene::~GameOverScene()
25 {
26   if (_layer)
27   {
28     _layer->release();
29     _layer = NULL;
30   }
31 }
32
33
34
35
36
37
38 bool GameOverLayer::init()
39 {
40   if ( CCColorLayer::initWithColor( ccc4(255,255,255,255) ) )
41   {
42     CGSize winSize = CCDirector::getSharedDirector()->getWinSize();
43     this->_label = CCLabel::labelWithString("","Artial", 32);
44     _label->retain();
45     _label->setColor( ccc3(0, 0, 0) );
46     _label->setPosition( ccp(winSize.width/2, winSize.height/2) );
47     this->addChild(_label);
48
49     this->runAction( CCSequence::actions(
50         CCDelayTime::actionWithDuration(3),
51         CCCallFunc::actionWithTarget(this,
52                     callfunc_selector(GameOverLayer::gameOverDone)),
53         NULL));
54
55     return true;
56   }
57   else
58   {
59     return false;
60   }
61 }
62
63 void GameOverLayer::gameOverDone()
64 {
65   CCDirector::getSharedDirector()->replaceScene( HelloWorld::scene() );
66 }
67
68 GameOverLayer::~GameOverLayer()
69 {
70   if (_label)
71   {
72     _label->release();
73     _label = NULL;
74   }
75 }
76
77

1 // objc with cocos2d-iphone
2 #import "GameOverScene.h"
3 #import "HelloWorldScene.h"
4
5 @implementation GameOverScene
6 @synthesize layer = _layer;
7
8 - (id)init
9 {
10   if ((self = [super init]))
11   {
12     self.layer = [GameOverLayer node];
13
14     [self addChild:_layer];
15   }
16   return self;
17 }
18
19
20
21
22
23
24 - (void)dealloc
25 {
26
27
28   [_layer release];
29   _layer = nil;
30   [super dealloc];
31 }
32
33 @end
34
35 @implementation GameOverLayer
36 @synthesize label = _label;
37
38 -(id) init
39 {
40   if( (self=[super initWithColor:ccc4(255,255,255,255)] ))
41   {
42     CGSize winSize = [[CCDirector sharedDirector] winSize];
43     self.label = [CCLabel labelWithString:@"" fontName:@"Arial" fontSize:32];
44
45     _label.color = ccc3(0,0,0);
46     _label.position = ccp(winSize.width/2, winSize.height/2);
47     [self addChild:_label];
48
49     [self runAction:[CCSequence actions:
50         [CCDelayTime actionWithDuration:3],
51         [CCCallFunc actionWithTarget:self
52    selector:@selector(gameOverDone)],
53         nil]];
54   }
55   return self;
56 }
57
58
59
60
61
62
63 - (void)gameOverDone
64 {
65   [[CCDirector sharedDirector] replaceScene:[HelloWorld scene]];
66 }
67
68 - (void)dealloc
69 {
70
71
72   [_label release];
73   _label = nil;
74   [super dealloc];
75 }
76
77 @end

转换要点

1. 再次注意GameOverLayer._label和GameOverScene._layer两个属性。这两个属性在objc的头文件里被声明为@property (nonatomic, retain)，也就是被retain了一次，所以在dealloc里才要调用release方法。同样地，我们在~GameOverLayer()和~GameOverScene()析构函数里分别release()了这两个属性，但这个release需要和一个retain对应，所以在两个init方法里都分别添加了_label->retain()和_layer->retain();

2. 关于NSAutoReleasePool, cocos2d-x里也有个模仿实现，这个简单的垃圾回收机制对C++编程来说是个福音；它使用起来和iOS上的NSAutoReleasePool原则一样，参考苹果的文档 http://developer.apple.com/library/ios/#documentation/cocoa/reference/foundation/Classes/NSAutoreleasePool_Class/Reference/Reference.html

简而言之就是，在使用cocos2d-x中继承自NSObject类的对象指针时，以下两种情况是需要用户多调一个release

类对象是用户自己new出来的。比如CCSprite *sprite = new CCSprite();
类对象是通过某个静态函数建立并返回的，比如CCSprite *sprite = CCSprite::spriteWithFile(...)，这种情况不需要用户release；但如果你接着调用了sprite->retain(), 那么就需要一个sprite->release()对应

这个山寨版的NSAutoReleasePool使用和调试细节，多释放了或未释放了应如何处理，我会另外写篇文章描述

注意，上面GameOverScene.cpp里有两个对象，一个场景(scene)和一个图层(layer)，场景可以包含多个图层，而这个图层只在屏幕正中间放了一个文字标签(label)，显示3秒种后返回到HelloWorldScene中。

最后，为了调用起这个GameOverScene，我们需要在HelloWorldScene中添加一些游戏逻辑代码。先得添加一个变量，判断我们的带头大哥一共用飞镖干掉了多少杂兵。在class HelloWorld中添加一个成员变量:

1 // cpp with cocos2d-x
2 protected:
3 int _projectilesDestroyed;

1 // objc with cocos2d-iphone
2
3 int _projectilesDestroyed;

然后在HelloWorldScene.cpp中，添加对GameOverScene.h的引用

// cpp with cocos2d-x
#include "GameOverScene.h"

// objc with cocos2d-iphone
#import "GameOverScene.h"

在HelloWorld::update方法中的removeChild(target)后面的targetsToDelete循环中增加计数并检查获胜条件，获胜了就显示"You Win!"界面

// cpp with cocos2d-x
_projectilesDestroyed++;
if (_projectilesDestroyed > 30)
{
  GameOverScene *gameOverScene = GameOverScene::node();
  gameOverScene->getLayer()->getLabel()->setString("You Win!");
  CCDirector::getSharedDirector()->replaceScene(gameOverScene);
}

// objc with cocos2d-iphone
_projectilesDestroyed++;
if (_projectilesDestroyed > 30)
{
  GameOverScene *gameOverScene = [GameOverScene node];
  [gameOverScene.layer.label setString:@"You Win!"];
  [[CCDirector sharedDirector] replaceScene:gameOverScene];
}

与之匹配的是失败条件：任何一个反派小兵穿越了屏幕的最左边，你就挂了。于是修改spriteMoveFinished方法，在if (sprite->getTag() == 1)条件里面增加“You Lose”的代码：

// cpp with cocos2d-x
GameOverScene *gameOverScene = GameOverScene::node();
gameOverScene->getLayer()->getLabel()->setString("You Lose :[");
CCDirector::getSharedDirector()->replaceScene(gameOverScene);

// objc with cocos2d-iphone
GameOverScene *gameOverScene = [GameOverScene node];
[gameOverScene.layer.label setString:@"You Lose :["];
[[CCDirector sharedDirector] replaceScene:gameOverScene];

最后编译并运行整个游戏项目，这样你就可以听到带头大哥扔飞镖同时很嚣张地发出的DIU~DIU~的声音，还有很HIGH的背景音乐循环播放；另一方面，游戏赢或输了会有一个界面提示。

这个游戏至此，已经在模拟器上100%完成了。下一篇我们讲如何做交叉编译成linux版本(也就是Uphone真机运行的版本), 如何打包图片和音乐资源到程序二进制中防止被拷贝、以及如何用制作成Uphone安装包发布。

系列教程

如何用cocos2d-x来开发简单的Uphone游戏：(一) 下载安装和HelloWorld

如何用cocos2d-x来开发简单的Uphone游戏：(二) 移动的精灵

如何用cocos2d-x来开发简单的Uphone游戏：(三) 射击子弹 & 碰撞检测

如何用cocos2d-x来开发简单的Uphone游戏：(四) 音乐音效 & 最后的润色

如何用cocos2d-x来开发简单的Uphone游戏：(五) 打包和发布

著作权声明：本文由http://www.walzer.cn/原创，欢迎转载分享。请尊重作者劳动，转载时保留该声明和作者博客链接，谢谢！