The Game

设置工程

创建动画类型的主界面

层添加后，我们添加一个label用来显示当前游戏的分数。点击工具栏上的CCLabelTTF标签。

选择Animation菜单中的Create Frames from Selected Resources按钮。你将为硬币精灵添加一系列的关键帧。动画起了作用，但是好像稍微太快了点。拖动选择框包围他们来选择所有的关键帧，然后，选择Animation菜单中的Stretch Selected Keyframes按钮。设置拉伸率（stretch）为2.0并点击Done。这时关键帧时间被隔开，动画看起来就更慢了。

对于炸弹，通过设置默认的时间轴，完成这个文件，并保存。

现在我们开始创建“结束硬币”。打开Finder，复制Coin.ccb文件，并重命名为EndCoin.ccb。切回到CocosBuilder，双击项目视图来新建一个文件。为了区别这2种硬币，我们需要在根节点增加一个自定义的属性。选择根节点并点击检查器中的Edit Custom Properties。创建一个新的属性，命名为isEndCoin，设置种类为Bool并设置值为1.点击Done、

当文件在我们的app中载入的时候，这个自定义属性就会被设置进自定义的类里。为了使这个旋转的硬币视觉上有别于普通的硬币。选择硬币，并点击color well来弹出颜色选取器，设置如下所示的颜色，这样，我们就完成了2个不同的硬币。

Explosion

爆炸

当炸弹爆炸的时候，我们需要一些花哨的爆炸效果。我们可以使用粒子系统。每一个爆炸由2个粒子系统构成。

首先创建一个新文件，设置都同前面创建龙、炸弹和硬币的一样并命名文件为Explosion。设置时间轴长度为2秒，并定义根节点的自定义类名为Explosion。点击工具栏的粒子系统的图标2次，来增加2个粒子系统的文件。

两个粒子系统的参数设置如下图所示。如果想看一下效果，你可以点击检查器中的Start Particles按钮。

Creating a Level

创建一个关卡

我们完成了我们所有的游戏物体。唯一还没做的界面就是关卡地图了。创建一个新文件，请确保根节点中CCLayer和full screen的选项被选择，选择iPhone Portrait的分辨率，但是设置高度为4096.

将其保存为Level文件。设置根节点的自定义类名为Level。我们现在有一个很大的文件来放置我们这些游戏物体。首先先增加龙吧。将项目视图中的Dragon.ccb拖曳到画布区域。选择龙并设置位置为（160，40），如果你移动了龙，你可能需要滚动画布区域才能看到龙。我们需要向下滚动可视化编辑器，以便你在移动进入前能看到我们添加的龙。我们希望能够简便地在代码中加入龙，所以在下拉菜单总的代码连接选项（Code Connections）中选择Doc root var。

现在，从项目视图中拖曳并放置更多游戏物体。在我这种情况下，第一关看起来像这样：

在关卡的顶部放置一个“结束硬币”。当龙接触到“接触硬币”的时候，关卡结束。当你很高兴的布局你的关卡的时候，请确保所有打开的文件要保存。现在，选择File菜单中的Publish按钮。这将会把你的文件打包成一个非常紧凑的二进制格式文件。

游戏编码

现在我们已经为游戏创建好了所有接口文件，下一步开始编码。

用Xcode打开项目，右键单击Resources文件夹并选择Add Files to “CocosDragon”…….确保“Create groups for any added folders”单选框被选中，并且“CocosDragontarget”也被选中。将所有的图片文件添加到资源目录下，包括plist文件 (sprite sheets)和所有ccbi文件。你不必添加以ccb为扩展名的文件进来，因为他们只在CocosBuilder下使用。

下一步，我们要添加CCBReader到项目下。CCBReader在示例代码的文件夹下。将他添加到“你项目 /cocos2d-iphone”。将CCBReader文件夹添加到你项目之后，确认Create groups for any added folders被选中，并且Copy items into destination group’s folder被选中。

Xcode下，打开Prefix.pch文件，它在Supporting Files组下。引入头文件的代码如下：

#ifdef __OBJC__ #import #import #import “cocos2d.h” #endif

MainMenuScene

我们现在开始编码。让我们一起创建一个主菜单(main menu)！选择File菜单下的New/File。选择Objective-C class，命名该类为MainMenuScene并设定该类为CCLayer的子类。

在MainMenuScene.m的最上部importCCBReader.h。我们也将实现play按钮的回调函数，这个play按钮是我们在ccb文件中加入的。在实现文件中(*.m)中加入如下代码：

- (void) pressedPlay:(id)sender

{

// Load the game scene

CCScene* gameScene = [CCBReader sceneWithNodeGraphFromFile:@"GameScene.ccbi"];

// Go to the game scene

[[CCDirector sharedDirector] replaceScene:gameScene];

}

当我们按下play按钮，我们将第一次通过ccbi文件加载游戏场景。然后通知CCDirector去用游戏场景 replace掉当前的场景。这部分的代码我们需要写到MainMenuScene里，而且需要在游戏开始时候加载。打开AppDelegate.m文 件，引入CCBReader.h，然后用下面的代码替换既存的引入初始场景的代码：

// Load the main menu scene from the ccbi-file

CCScene* mainScene = [CCBReader sceneWithNodeGraphFromFile:@"MainMenuScene.ccbi"];

// Then add the scene to the stack. The director will run it when it automatically when the view is displayed.

[director_ pushScene: mainScene];

然后，还是在AppDelegate.m文件，用如下代码替换shouldAutorotateToInterfaceOrientation:方法：

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

return UIInterfaceOrientationIsPortrait(interfaceOrientation);

这将确保我们的游戏以竖屏模式运行。你可以在github上找到源文件：

MainMenuScene.m

MainMenuScene.h

AppDelegate.m

GameScene

当我们按下play按钮之后，GameScene.ccbi文件将会被加载，并创建GameScene的实例。现在我们需要创建GameScene类。创建一个新类命名为GameScene，让其继承自CCLayer。

在CocosBuilder里，我们添加了两个成员变量(levelLayer和scoreLabel)。我们需要添加它们到文件中去。并且也需要加载等级(Level)以及动态的记录当前的分数。在GameScene.h添加前面提到的两个成员变量：

@interface GameScene : CCLayer

CCLayer* levelLayer;

CCLabelTTF* scoreLabel;

CCNode* level;

int score;

为了从别的类里更好的管理分数，我们将在GameScene类里增加一个属性。我们也将增加方法去管理游戏结束以及升级的情况。

@property (nonatomic,assign) int score;

+ (GameScene*) sharedScene;

- (void) handleGameOver;

- (void) handleLevelComplete;

@end

下面我们来实现GameScene类的方法。打开GameScene.m。在头部importCCBReader.h。在开始实现该类之前，先定义一个静态变量以方便共享该类的实例。

staticGameScene* sharedScene;

在该类的类方法中返回这个共享实例。

+ (GameScene*) sharedScene

return sharedScene;

我也需要去synthesize这个分数属性。

@synthesize score;

当一个ccbi文件被加载的时候，CCBReader将会调用创建每个节点的方法didLoadFromCCB。通过实现该方法，你将在文件加载完毕的时候收到一个回调函数。我们将会利用回调信息去设置当前场景以及加载等级。

- (void) didLoadFromCCB

// Save a reference to the currently used instance of GameScene

sharedScene = self;

self.score = 0;

// Load the level

level = [CCBReader nodeGraphFromFile:@"Level.ccbi"];

// And add it to the game scene

[levelLayer addChild:level];

这部分代码加载Level.ccbi文件并且将其作为一个子节点加到我们在CocosBuilder里创建的levelLayer上。在真实的游戏当中我们可能会有不止一个的等级文件，并且对应玩家在游戏中的进度选择不同的文件。

当分数属性改变时，我们希望更新label上分数的显示。我们通过setscore:方法来实现。记住我们已经在CocosBuilder定义了scoreLabel。

- (void) setscore:(int)s

score = s;

[scoreLabel setString:[NSString stringWithFormat:@"%d",s]];

离开GameScene之前的最后一步是为控制游戏结束以及升级编码。在实际游戏中你可能做更多的事情在这些方法中，但是在该例子中，我们只是简单的返回主菜单场景。

- (void) handleGameOver

[[CCDirector sharedDirector] replaceScene:[CCBReader sceneWithNodeGraphFromFile:@"MainMenuScene.ccbi"]];

- (void) handleLevelComplete

你可以在github找到源码

GameScene.m

GameScene.h

GameObject

GameObject是一个抽象类，它是所有游戏对象的父类。他让我们可以等同对待所有的游戏对象。创建一个CCNode的子类，命名为GameObject。这个类包含一些基础属性的设置以及一些基础的方法，以便我们在游戏当中控制游戏对象。如果我们想移除一个对象那么可以设置isScheduledForRemove属性。这个更新方法会在每个框架更新游戏对象状态的时候调用一次。我们将在检测冲突的时候(在我们的游戏当中每一个游戏对象都视为圆形)使用radius属性。最后，如果两个游戏对象发生碰撞，两个发生碰撞的游戏对象的handleCollisionWith:方法将被调用。下面就是头文件的定义代码：

@interface GameObject : CCNode

BOOL isScheduledForRemove;

- (void) update;

- (void) handleCollisionWith:(GameObject*)gameObject;

这个.m文件只是实现了一个空方法，因为他是一个抽象类。

@implementation GameObject

@synthesize isScheduledForRemove;

// Update is called for every game object once every frame

- (void) update

{}

// If this game object has collided with another game object this method is called

- (void) handleCollisionWith:(GameObject *)gameObject

// Returns the radius of this game object

- (float) radius

{return 0;

源码参见以下文件链接：

GameObject.m

GameObject.h

Dragon

龙是我们游戏中最复杂的游戏对象。它控制着玩家将要控制的这个角色的行为，同时这也是游戏的主要行为。创建一个GameObject的子类命名为Dragon。

为了控制龙的运动，我们需要两个变量，纵向速度ySpeed，以及横向目标xTarget。xTarget将会在点击iPhone上的打击目标的时候被设置。之后变量将会被外部类设定，我们将会将他作为一个属性。下面是我们需要添加的头文件：

@interface Dragon : GameObject

float ySpeed;

float xTarget;

.m文件将会更加有趣。首先，我们会整合一些其他的类进来，我们来引入他们。(我们将会在完成Dragon类之后，编写Coin和Bomb类)

#import “Dragon.h”

#import “Coin.h”

#import “Bomb.h”

#import “GameScene.h”

#import “CCBAnimationManager.h”

下面，我们来定义几个常量来方便对龙的行为的控制。使用常量是一个非常不错的选择，因为这样很方便我们去从感官上控制游戏。

#define kCJStartSpeed 8

#define kCJCoinSpeed 8

#define kCJStartTarget 160

#define kCJTargetFilterFactor 0.05

#define kCJSlowDownFactor 0.995

#define kCJGravitySpeed 0.1

#define kCJGameOverSpeed -10

#define kCJDeltaToRotationFactor5

实现Dragon类的第一步，我们需要synthesize属性xTarget。

@synthesize xTarget;

然后来到init方法，在这里我们将初始化我们的成员变量。xTarget的初始值为160，位于屏幕中心。

- (id) init

self = [super init];

if (!self) return NULL;

xTarget = kCJStartTarget;

ySpeed = kCJStartSpeed;

return self;

我们将使用update方法让龙在屏幕上平滑的移动。在每个frame下，update方法会被调用一次。我们将利用一 个计算原始点和目标点之间距离的过滤器方法来获得一个新的X坐标。我所说的目标点就是玩家在屏幕上触摸的点。Y坐标则是在原始坐标的基础上增加现有速度来 计算得出的。之后我们更新速度，我们不但可以通过增加常量的方式加快速度，也可以利用参数减慢速度(这将防止龙的攻击速度过快)。我们同时依靠水平速度翘 起龙的一侧。如果纵向速度向下过快，那么游戏结束。

// Calculate new position

CGPoint oldPosition = self.position;

float xNew = xTarget * kCJTargetFilterFactor + oldPosition.x * (1-kCJTargetFilterFactor);

float yNew = oldPosition.y + ySpeed;self.position = ccp(xNew,yNew);

// Update the vertical speed

ySpeed = (ySpeed – kCJGravitySpeed) * kCJSlowDownFactor;

// Tilt the dragon depending on horizontal speed

float xDelta = xNew – oldPosition.x;

self.rotation = xDelta * kCJDeltaToRotationFactor;

// Check for game over

if (ySpeed < kCJGameOverSpeed)

{

[[GameScene sharedScene] handleGameOver];

}

在Dragon类里我们也需要去控制碰撞。我们将通过判断是碰撞了哪种对象来相应的做出动作。如果碰到了钱币，我们增加 分数并且给龙一个向上增长的速度。如果我们碰到了炸弹，龙会降低速度并且播放在CocosBuilder里面制作的Hit动画。我们在 userObject里用CCBReader保存的CCBAnimationManager，之后调用 runAnimationsForSequenceNamed:方法。

if ([gameObject isKindOfClass:[Coin class]])

// Took a coin

ySpeed = kCJCoinSpeed;

[GameScene sharedScene].score += 1;

else if ([gameObject isKindOfClass:[Bomb class]])

// Hit a bomb

if (ySpeed > 0) ySpeed = 0;

CCBAnimationManager* animationManager = self.userObject;

NSLog(@”animationManager: %@”,animationManager);

[animationManager runAnimationsForSequenceNamed:@"Hit"];

最后我们要实现radius(半径)属性。它将用于控制碰撞。

return 25;

完整的Dragon类，请参见：

Dragon.m

Dragon.h

Coin

金币有一个相当简单的逻辑，金币在碰到龙的时候会被移除。如果最后一枚金币碰撞到了龙，该等级的任务完成。创建一个名为 Coin的类，他是GameObject的子类。在CocosBuilder我们增加了一些自定义的属性，isEndCoin是专门针对最后一枚金币的， 普通金币也使用相同的自定义类。我们需要实现这个属性在我们的类里，下文是头部文件：

@interface Coin : GameObject

BOOL isEndCoin;

.m文件，我们首先要synthesize属性isEndCoin。

@synthesize isEndCoin;

我们不必移动金币，所以我们不用实现update方法。但是，当背龙碰撞的时候我们想移除它。并且，如果是最后一枚金币的话，我们想升级。

if ([gameObject isKindOfClass:[Dragon class]])

if (isEndCoin)

// Level is complete!

[[GameScene sharedScene] handleLevelComplete];

self.isScheduledForRemove = YES;

最后，让我们来设定金币的半径。

return 15;

完整的代码，参见下方：

Coin.m

Coin.h

Bomb

炸弹是我们游戏当中的一个障碍物。创建名为Bomb的类，他是GameObject的子类。当炸弹碰撞到玩家的时候，它 会爆炸。这个效果是通过移除炸弹并且动态的加载爆炸效果来实现的。我们没有添加任何新的属性进来，所以头文件不需要修改。在.m文件中，我们需要实现 handleCollisionsWith:方法。

// Collided with the dragon,remove object and add an explosion instead

CCNode* explosion = [CCBReader nodeGraphFromFile:@"Explosion.ccbi"];

explosion.position = self.position;

[self.parent addChild:explosion];

之后，我们需要设定炸弹的半径。

完整的代码，如下：

Bomb.m

Bomb.h

Explosion

最后一个游戏对象，我们将会实现爆炸(Explosion)。爆炸不会影响其他的任何游戏对象。但是我们会在它完成播放 之后移除调它。为此我们必须实现CCBAnimationManagerDelegate。在头文件，首先引入 CCBAnimationManagerDelegate.h，然后将其作为一个协议加进到Explosion。

@interface Explosion : GameObject

.m文件，我们将分配Explosion类作为CCBActionManager的代理，这步的创建将发生在爆炸加载的时候。我们将在didLoadFromCCB:方法来实现这步。

// Setup a delegate method for the animationManager of the explosion

animationManager.delegate = self;

至此，当动画播放完毕我们将收到回调函数completedAnimationSequenceNamed:，实现该回调并增加一个移除爆炸的定时器。

- (void) completedAnimationSequenceNamed:(NSString *)name

// Remove the explosion object after the animation has finished

完整的代码见下方：

Explosion.m

Explosion.h

Level

我们就还剩一个Level类没有完成。Level将会控制所有的玩家输入，并且负责更新和移除我们的游戏对象。创建名为Level的类，它是CCLayer的子类。在CocosBuilder里，我们添加了一个成员变量dragon，所以我们要把它加到头文件。

@class Dragon;@interface Level : CCLayer

Dragon* dragon;

.m文件，我们将引入计划访问的类。

#import “GameObject.h”

我们也将定义两个常量用于层的滚动。因为龙需要是一直可见的。

#define kCJScrollFilterFactor 0.1

#define kCJDragonTargetOffset 80

我们使用onEnter方法，在每个frame之前，去提供一个回调函数update:。在onExit我们移除这个回调。

- (void) onEnter

[super onEnter];

// Schedule a selector that is called every frame

[self schedule:@selector(update:)];

// Make sure touches are enabled

self.isTouchEnabled = YES;

- (void) onExit

[super onExit];

// Remove the scheduled selector

[self unscheduleAllSelectors];

在update:方法我们将更新所有游戏对象。记住，在CocosBuilder里我们增加的游戏对象都是level的 子对象。之后，游戏对象更新以及发生位置改变的时候我们将检测是否有碰撞。在这个游戏里我们只检测与龙之间的碰撞，因为只有他是移动的。在其他的游戏里， 你可能需要写更多更复杂的代码去检测碰撞，或者有可能用到诸如Chipmunk，Box2d的物理引擎。因为所有的碰撞都是可控的，我们将会遍历游戏的所 有对象去看哪些对象被定时移除了。我们为这些对象创建一个数组，使用这个队列来移除他们。最后，我们调整层的位置，所以龙总是可见的。当调整位置的时候我 们使用过滤器代理去确保移动的平滑。

- (void) update:(ccTime)delta

// Iterate through all objects in the level layer

CCNode* child;

CCARRAY_FOREACH(self.children,child)

// Check if the child is a game object

if ([child isKindOfClass:[GameObject class]])

GameObject* gameObject = (GameObject*)child;

// Update all game objects

[gameObject update];

// Check for collisions with dragon

if (gameObject != dragon)

if (ccpDistance(gameObject.position,dragon.position) < gameObject.radius + dragon.radius)

// Notify the game objects that they have collided

[gameObject handleCollisionWith:dragon];

[dragon handleCollisionWith:gameObject];

// Check for objects to remove

NSMutableArray* gameObjectsToRemove = [NSMutableArray array];

if (gameObject.isScheduledForRemove)

[gameObjectsToRemove addObject:gameObject];

for (GameObject* gameObject in gameObjectsToRemove)

[self removeChild:gameObject cleanup:YES];

// Adjust the position of the layer so dragon is visible

float yTarget = kCJDragonTargetOffset – dragon.position.y;

CGPoint oldLayerPosition = self.position;

float xNew = oldLayerPosition.x;

float yNew = yTarget * kCJScrollFilterFactor + oldLayerPosition.y * (1.0f – kCJScrollFilterFactor);

self.position = ccp(xNew,229)"> 最后我们需要去做些事情来响应玩家的触摸。我们实现了ccTouchesBegan:withEvent:和ccTouchesMoved:withEvent:方法去获取触摸位置，以及设定龙的xTarget属性。

- (void) ccTouchesBegan:(NSSet *)touches withEvent:(UIEvent *)event

UITouch* touch = [touches anyObject];

CGPoint touchLocation = [touch locationInView: [touch view]];

dragon.xTarget = touchLocation.x;

- (void) ccTouchesMoved:(NSSet *)touches withEvent:(UIEvent *)event

完整的代码请参见：

Level.m

Level.h

总结

用所有的CocosBuilder文件为游戏创建的类，你应该可以在虚拟机或者真机上编译运行。很感谢花时间读这个教程，祝你编码愉快！

原文链接：https://www.f2er.com/cocos2dx/347098.html