如何用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 目录下。这里说明两点
  1. Wenderlic文章中提供的这两个音乐文件,是caf格式,这是苹果自己的格式。我们在这里分别转成WAV和MP3,演示一下SimpleAudioEngine对这两种大众格式的支持
  2. 和前面的图片资源一样,我们先简单化地把音乐资源拷贝到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安装包发布。


本文转自Walzer博客园博客,原文链接:http://www.cnblogs.com/walzer/archive/2010/10/12/1849063.html,如需转载请自行联系原作者


相关文章
|
5月前
|
图形学
【制作100个unity游戏之26】unity2d横版卷轴动作类游戏7(附带项目源码)
【制作100个unity游戏之26】unity2d横版卷轴动作类游戏7(附带项目源码)
70 1
|
4月前
Libgdx游戏开发(7)——开始游戏界面实现
使用上的注意事项 1. 切换到一个新的Screen的时候,如果之前的Screen不再使用,需要手动调用Screen.dispose方法,进行资源的释放 2. 给Game对象设置Screen的时候,设置的新的那个Screen会调用onShow()方法,而之前的Screen会调用onHide()方法 3. 如果有需要的话,一般在onShow()方法,给当前Screen设置一个输入监听器 优化尝试 - 全局game对象
43 0
|
5月前
|
图形学 索引
【用unity实现100个游戏之15】开发一个类保卫萝卜的Unity2D塔防游戏1(附项目源码)
【用unity实现100个游戏之15】开发一个类保卫萝卜的Unity2D塔防游戏1(附项目源码)
127 0
|
5月前
|
图形学
【用unity实现100个游戏之15】开发一个类保卫萝卜的Unity2D塔防游戏3(附项目源码)
【用unity实现100个游戏之15】开发一个类保卫萝卜的Unity2D塔防游戏3(附项目源码)
71 0
|
5月前
|
图形学
【用unity实现100个游戏之15】开发一个类保卫萝卜的Unity2D塔防游戏4(附项目源码)
【用unity实现100个游戏之15】开发一个类保卫萝卜的Unity2D塔防游戏4(附项目源码)
83 0
|
6月前
|
图形学
【Unity3D开发小游戏】Unity3D零基础一步一步教你制作跑酷类游戏
【Unity3D开发小游戏】Unity3D零基础一步一步教你制作跑酷类游戏
|
Python
python小游戏——贪吃蛇游戏4.0版本の背景音乐和音效功能实现
python小游戏——贪吃蛇游戏4.0版本の背景音乐和音效功能实现
190 0
|
存储 图形学 Android开发
【游戏开发】使用unity创建2D游戏
Unity是一种非常强大的游戏引擎,可以帮助你创建各种类型的游戏,包括2D游戏。在本文中,我们将教你如何使用Unity创建2D游戏。首先,你需要确保你已经下载并安装了最新版本的Unity。如果你还没有安装Unity,可以从官方网站下载免费的Unity Hub来管理你的Unity版本。
|
前端开发 定位技术 图形学
Unity3D制作塔防类游戏
Unity3D制作塔防类游戏
Unity3D制作塔防类游戏
|
程序员 图形学 开发者
Unity 之游戏特效
Unity 之游戏特效
287 0
Unity 之游戏特效
下一篇
无影云桌面