Cocos2d开发系列（三）_app

概述转载自：http://www.voidcn.com/article/p-yskdeglm-bkz.html 正好不知道接下来要怎么写的时候，发现了一本好书：《Learn IPhone and iPad Cocos2d Game Delevopment》。于是直接翻译了第4章的例子。如果你看过这部分内容，可以直接跳过不看了。本章讲如何响应加速事件。一、游戏介绍这个例子是一个叫做Doodl

转载自：http://www.voidcn.com/article/p-yskdeglm-bkz.html

正好不知道接下来要怎么写的时候，发现了一本好书：《Learn IPhone and iPad Cocos2d Game Delevopment》。于是直接翻译了第4章的例子。如果你看过这部分内容，可以直接跳过不看了。本章讲如何响应加速事件。

一、游戏介绍

这个例子是一个叫做Doodle Drop的游戏，是一个重力感应类游戏。玩家 *** 纵角色来躲避从空中坠落的障碍物。游戏界面如下：

二、设置主场景

1、新建Cocos2d Application，工程名DoodleDrop。

2、游戏主场景。选file -> new file，选择User Templates -> Cocos2d.0.99.x -> CCNode.class。Subclass Of选择cclayer。文件名选GameScene。

3、在头文件中声明静态方法 +(ID) scene;

4、.m文件

#import "GameScene.h"

@implementation GameScene

+(ID) scene {

CCScene *scene = [CCScene node];

cclayer* layer = [GameScene node];

[scene addChild:layer];

return scene;

}

-(ID) init {

if ((self = [super init])) {

cclOG(@"%@: %@",NsstringFromSelector(_cmd),self); return self;

｝

}

-(voID) dealloc {

// never forget to call [super dealloc] [super dealloc];

cclOG(@"%@: %@",self);

[super dealloc];

}

@end

5、删除HelloWorldScene.h和HelloWorldScene.m文件。

6、修改DoodleDropAppDelegate.m，将其中的主场景启动代码修改为GameScene：

[[CCDirector sharedDirector] runWithScene: [GameScene scene]];

三、游戏角色

1 、把玩家角色图片 alIEn.png 添加到工程。添加时，选中“ copy items ”，同时勾选“ add to targets ”中的“DoodleDrop ”选项。

2 、在游戏主场景 (GameScene.h) 增加变量声明：

CCSprite* player;

3、在游戏主场景(GameScene.m)的init方法中加入下列代码：

self.isAccelerometerEnabled = YES;

player = [CCSprite spriteWithfile:@"alIEn.png"];

[self addChild:player z:0 tag:1];

CGSize screenSize = [[CCDirector sharedDirector] winSize];

float imageHeight = [player texture].contentSize.height;

player.position = CGPointMake(screenSize.wIDth / 2,imageHeight / 2);

这样，玩家角色就被放到屏幕底部正中的位置上。注意，player变量未retain。因为addChild会自动retain。

[player texture].contentSize.height返回的是渲染图的content size。渲染对象(玩家角色图片alIEnt.png)有两个尺寸：content size和texture size。前者是图片的实际尺寸，后者是渲染尺寸——iPhone规定渲染尺寸只能是2的n次方。比如图片实际尺寸100*100，那么渲染尺寸则是128*128，因为最接近100的2的n次方为128。

四、使用加速

1、为了响应加速事件，你必须在init方法中加上：

self.isAccelerometerEnabled = YES;

同时实现accelerometer方法：

-(voID) accelerometer:(UIAccelerometer *)accelerometer dIDAccelerate:(UIacceleration *)acceleration｛

CGPoint pos = player.position;

pos.x += acceleration.x * 10;

player.position = pos;

}

跟java和c不同。你不能对 player.position.x进行赋值。这种赋值在

c语言中是可以的，但oc中不行。因为player.position实际上是调用[player position]，这个方法返回一个临时的CGPoint变量。当你想对这个临时的CGPoint的x进行赋值后，这个变量会被被抛弃，所以你的赋值没有任何作用。所以你需要用一个新的CGPoint变量，修改其x值，然后再把这个CGPoint赋值给player.position（即调用[player setposition:]）。如果你是来自java和c++的程序员，在oc中需要留心这个“不幸的”问题并尽可能的修改编程习惯。

2、运行测试

模拟器不支持重力感应，请在物理设备上运行代码。

五、玩家控制

现住发现用加速控制有些不灵？反应迟钝，移动也不流畅？为此，我们需要增加一些代码。

首先需要增加变量声明：

CGPoint playerVeLocity;

为了便于今后的扩展（假设有一天我们会想上下移动角色），这是一个CGPoint类型，而不是一个float。

然后修改加速方法：

-(voID) accelerometer:(UIAccelerometer *)accelerometer

dIDAccelerate:(UIacceleration *)acceleration

{

// 减速度系数(值越小＝转向越快)

float deceleration = 0.4f;

// 加速度系数 (值越大 = 越敏感)

float sensitivity = 6.0f;

// 最大速度

float maxVeLocity = 100;

// 根据加速度计算当前速度

playerVeLocity.x = playerVeLocity.x * deceleration + acceleration.x * sensitivity;

// 限制最大速度为 ±maxVeLocity之间

directions if (playerVeLocity.x > maxVeLocity) {

playerVeLocity.x = maxVeLocity;

} else if (playerVeLocity.x < - maxVeLocity) {

playerVeLocity.x = - maxVeLocity;

}

现在，玩家速度由一个一次线性方程决定：

V= V ₀ * β + V ∍ * ε

其中，

V 为终速

V ₀ 为初速

β 为减速系数

V ∍ 为加速度

ε 为加速系数

其中， β 和 ε两个系数（即减速度系数和加速度系数：deceleration和sensitivity变量）是两个经验值，你可以自己调整它以达到理想效果。

然后，需要通过以下方法来改变游戏角色的位置：

-(voID) update:(ccTime)delta {

// 不断改变角色x坐标

CGPoint pos = player.position;

pos.x += playerVeLocity.x;

// 防止角色移到屏幕以外

CGSize screenSize = [[CCDirector sharedDirector] winSize];

float imageWIDthHalved = [player texture].contentSize.wIDth * 0.5f; float leftborderlimit = imageWIDthHalved;

float rightborderlimit = screenSize.wIDth - imageWIDthHalved;

if (pos.x < leftborderlimit) {

pos.x = leftborderlimit;

playerVeLocity = CGPointZero;

} else if(pos.x > rightborderlimit) {

pos.x = rightborderlimit;

playerVeLocity = CGPointZero;

}

player.position = pos;

}

然后，在init方法中加入：

[self scheduleUpdate];

这样，每隔一段时间cocos2d会自动调用update方法。

六、添加障碍物

导入spIDer.png图片到工程。这是一张蜘蛛的图片，在游戏中我们需要躲避的东西。

首先，增加如下变量声明：

CCArray* spIDers;

float spIDerMoveDuration;

int numSpIDersMoved;

在init方法中，加上一句方法调用语句：

[self initSpIDers];

下面是initSpIDers方法：

-(voID) {

CGSize screenSize = [[CCDirector sharedDirector] winSize];

// 用一个临时的CCSprIDer取得图片宽度

CCSprite* tempSpIDer = [CCSprite spriteWithfile:@"spIDer.png"]; float imageWIDth = [tempSpIDer texture].contentSize.wIDth;

// 计算出要多少蜘蛛图片可以布满屏幕的宽度

int numSpIDers = screenSize.wIDth / imageWIDth;

// 初始化数组并指定数组大小

spIDers = [[CCArray alloc] initWithCapacity:numSpIDers];

for (int i = 0; i < numSpIDers; i++) {

CCSprite* spIDer = [CCSprite spriteWithfile:@"spIDer.png"]; [self addChild:spIDer z:0 tag:2];

[spIDers addobject:spIDer];

}

[self resetSpIDers];

}

tempSpIDer是一个临时变量，我们仅用于取得图片宽度。我们没有retain他，也不需要release他——他会自动被release。

与此相反，spIDers是由我们init的，我们也没有retain（实际上init会自动retain），但我们必须自己release（OC规定，init/copy/new出来的对象，必须手动release，OC的内存管理不会自动release）。因此在dealloc方法中有这么一句：

[spIDers release],spIDers=nil;

同时，我们使用了coco2d提供的一个类似NSMutableArray的CCArray类，该类对数组的 *** 作更快。以下是CCArray提供的一些方法：

+ (ID) array;

+ (ID) arrayWithCapacity:(NSUInteger)capacity;

+ (ID) arrayWithArray:(CCArray*)otherArray;

+ (ID) arrayWithNSArray:(NSArray*)otherArray;

- (ID) initWithCapacity:(NSUInteger)capacity;

- (ID) initWithArray:(CCArray*)otherArray;

- (ID) initWithNSArray:(NSArray*)otherArray;

- (NSUInteger) count;

- (NSUInteger) capacity;

- (NSUInteger) indexOfObject:(ID)object;

- (ID) objectAtIndex:(NSUInteger)index;

- (ID) lastObject;

- (BOol) containsObject:(ID)object;

#pragma mark Adding Objects

- (voID) addobject:(ID)object;

- (voID) addobjectsFromArray:(CCArray*)otherArray;

- (voID) addobjectsFromNSArray:(NSArray*)otherArray;

- (voID) insertObject:(ID)object atIndex:(NSUInteger)index;

#pragma mark Removing Objects

- (voID) removeLastObject;

- (voID) removeObject:(ID)object;

- (voID) removeObjectAtIndex:(NSUInteger)index;

- (voID) removeObjectsInArray:(CCArray*)otherArray;

- (voID) removeAllObjects;

- (voID) fastRemoveObject:(ID)object;

- (voID) fastRemoveObjectAtIndex:(NSUInteger)index;

- (voID) makeObjectsPerformSelector:(SEL)aSelector;

- (voID) makeObjectsPerformSelector:(SEL)aSelector withObject:(ID)object;

- (NSArray*) getNSArray;

resetSpIDers 方法如下所示：

-(voID) resetSpIDers {

CGSize screenSize = [[CCDirector sharedDirector] winSize];

// 用一个临时的CCSprIDer取得图片宽度

CCSprite* tempSpIDer = [spIDers lastObject];

CGSize size = [tempSpIDer texture].contentSize;

int numSpIDers = [spIDers count];

for (int i = 0; i < numSpIDers; i++) {

// 放置每个蜘蛛的位置

CCSprite* spIDer = [spIDers objectAtIndex:i];

spIDer.position =

CGPointMake(size.wIDth * i + size.wIDth * 0.5f,

screenSize.height + size.height);

[spIDer stopAllActions];

}

// 为保险起见，在注册之前先从schedule中反注册(未注册则不动作)

[self unschedule:@selector(spIDersUpdate:)];

// 注册schedule,每0.7秒执行

[self schedule:@selector(spIDersUpdate:) interval:0.7f];

}

-(voID) {

// 找出空闲的蜘蛛（未在移动的）.

for (int i = 0; i < 10; i++) {

// 从数组中随机抽取一只蜘蛛

int randomSpIDerIndex = CCRANDOM_0_1() * [spIDers count];

CCSprite* spIDer = [spIDers objectAtIndex:randomSpIDerIndex];

// 若蜘蛛未在移动，让蜘蛛往下掉

if ([spIDer numberOfRunningActions] == 0) {

// 控制蜘蛛往下掉

[self runSpIDerMoveSequence:spIDer];

// 每次循环仅移动一只蜘蛛

break;

}

-(voID) runSpIDerMoveSequence:(CCSprite*)spIDer

{

// 随时间逐渐加快蜘蛛的速度

numSpIDersMoved++;

if (numSpIDersMoved % 8 == 0 && spIDerMoveDuration > 2.0f) {

spIDerMoveDuration -= 0.1f;

}

// 移动的终点

CGPoint belowScreenposition = CGPointMake(spIDer.position.x,

-[spIDer texture].contentSize.height);

// 动作：移动

CCMoveto* move = [CCMoveto actionWithDuration:spIDerMoveDuration

position:belowScreenposition];

// 瞬时动作：方法调用

CCCallFuncN* call = [CCCallFuncN actionWithTarget:self

selector:@selector(spIDerBelowScreen:)];

// 组合动作：移动+方法调用

CCSequence* sequence = [CCSequence actions:move,call,nil];

// 运行组合动作

[spIDer runAction:sequence];

}

spIDerBelowScreen方法重置蜘蛛的状态，让其回到屏幕上端等待下次坠落。

-(voID) spIDerBelowScreen:(ID)sender {

// 断言：sender是否为CCSprite.

NSAssert([sender isKindOfClass:[CCSprite class]],@"sender is not a CCSprite!");

CCSprite* spIDer = (CCSprite*)sender;

// 把蜘蛛重新放回屏幕上端

CGPoint pos = spIDer.position;

CGSize screenSize = [[CCDirector sharedDirector] winSize];

pos.y = screenSize.height + [spIDer texture].contentSize.height; spIDer.position = pos;

}

书中作者提到，出于一个“保守”程序员的习惯，作者使用了 NSAssert语句来测试sender是否是一个CCSprite类。虽然理论上，Sender应当是一个CCSprite，实际上它却有可能根本不是。因为作者曾犯过一个错误：把CCCallFuncN写成了CCCallFunc（二者的区别在于,后者不能传递参数而前者带一个sender参数），导致sender未被作为参数传递到调用方法，即sender＝nil。这样的错误也被NSAssert捕获到了，于是作者发现并修改了这个错误。

七、碰撞检测

很简单。在update方法中添加语句：

[self checkForCollision];

checkForCollision中包含了碰撞检测的所有逻辑：

-(voID ) checkForCollision {

// 玩家和蜘蛛的尺寸

float playerImageSize = [player texture].contentSize.wIDth;

float spIDerImageSize = [[spIDers lastObject] texture].contentSize.wIDth;

//玩家和蜘蛛的碰撞半径

float playerCollisionRadius = playerImageSize * 0.4f;

float spIDerCollisionRadius = spIDerImageSize * 0.4f;

// 发生碰撞的最大距离，如果两个对象间的距离<=此距离可判定为有效碰撞

float maxCollisiondistance=playerCollisionRadius +spIDerCollisionRadius;

int numSpIDers = [spIDers count];

//循环检测玩家和每一只蜘蛛间的碰撞距离

for (int i = 0; i < numSpIDers; i++) {

CCSprite* spIDer = [spIDers objectAtIndex:i];

// 计算每只蜘蛛和玩家间的距离. ccpdistance及其他非常有用的函数都列在 CGPointExtension中

float actualdistance = ccpdistance(player.position,spIDer.position);

// 如二者距离小于碰撞最大距离，认为发生碰撞?

if (actualdistance < maxCollisiondistance) {

// 结束游戏.

[self showGameOver];

}

-(voID) showGameOver

{

// 屏保开启

[self setScreenSaverEnabled:YES];

// 冻结所有对象的动作

CCNode* node;

CCARRAY_FOREACH([self children],node) {

[node stopAllActions];

}

// 使蜘蛛保持扭动

CCSprite* spIDer;

CCARRAY_FOREACH(spIDers,spIDer) {

[self runSpIDerWiggleSequence:spIDer];

}

// 游戏开始前，关闭加速的输入

self.isAccelerometerEnabled = NO;

// 允许触摸

self.istouchEnabled = YES;

// 取消所有schedule

[self unscheduleAllSelectors];

// 显示GameOver文本标签

CGSize screenSize = [[CCDirector sharedDirector] winSize];

cclabel* gameOver = [cclabel labelWithString:@"GAME OVER!" Fontname:@"Marker Felt" FontSize:60];

gameOver.position = CGPointMake(screenSize.wIDth / 2,screenSize.height / 3);

[self addChild:gameOver z:100 tag:100];

// 动作：色彩渐变

CCTintTo* tint1 = [CCTintTo actionWithDuration:2 red:255 green:0 blue:0];

CCTintTo* tint2 = [CCTintTo actionWithDuration:2 red:255 green:255 blue:0];

CCTintTo* tint3 = [CCTintTo actionWithDuration:2 red:0 green:255 blue:0];

CCTintTo* tint4 = [CCTintTo actionWithDuration:2 red:0 green:255 blue:255];

CCTintTo* tint5 = [CCTintTo actionWithDuration:2 red:0 green:0 blue:255];

CCTintTo* tint6 = [CCTintTo actionWithDuration:2 red:255 green:0 blue:255];

CCSequence* tintSequence = [CCSequence actions:tint1,tint2,tint3,tint4,tint5,tint6,nil];

CCRepeatForever* repeatTint = [CCRepeatForever actionWithAction:tintSequence];

[gameOver runAction:repeatTint];

// 动作：转动、颤动

CCRotateto* rotate1 = [CCRotateto actionWithDuration:2 angle:3];

CCEaseBounceInOut* bounce1 = [CCEaseBounceInOut actionWithAction:rotate1];

CCRotateto* rotate2 = [CCRotateto actionWithDuration:2 angle:-3];

CCEaseBounceInOut* bounce2 = [CCEaseBounceInOut actionWithAction:rotate2];

CCSequence* rotateSequence = [CCSequence actions:bounce1,bounce2,nil];

CCRepeatForever* repeatBounce = [CCRepeatForever actionWithAction:rotateSequence];

[gameOver runAction:repeatBounce];

// 动作：跳动

CCJumpBy* jump = [CCJumpBy actionWithDuration:3 position:CGPointZero height:screenSize.height / 3 jumps:1];

CCRepeatForever* repeatJump = [CCRepeatForever actionWithAction:jump];

[gameOver runAction:repeatJump];

// 标签：点击游戏开始

cclabel* touch = [cclabel labelWithString:@"tap screen to play again" Fontname:@"Arial" FontSize:20];

touch.position = CGPointMake(screenSize.wIDth / 2,screenSize.height / 4);

[self addChild:touch z:100 tag:101];

// 动作：闪烁

CCBlink* blink = [CCBlink actionWithDuration:10 blinks:20];

CCRepeatForever* repeatBlink = [CCRepeatForever actionWithAction:blink];

[touch runAction:repeatBlink];

}

当然，为了使游戏一开始就停顿在GameOver画面，需要在init方法中调用：

[self showGameOver];

只有当用户触摸屏幕后，游戏才会开始。这需要实现方法：

-(voID) cctouchesEnded:(NSSet *)touches withEvent:(UIEvent *)event

{

[self resetGame];

}

resetGame方法负责重置游戏变量并启动游戏。

-(voID) resetGame

{

// 关闭屏保

[self setScreenSaverEnabled:NO];

// 移除GameOver标签和启动游戏标签

[self removeChildByTag:100 cleanup:YES];

[self removeChildByTag:101 cleanup:YES];

// 启动加速输入，关闭触摸输入

self.isAccelerometerEnabled = YES;

self.istouchEnabled = NO;

// 重设蜘蛛数组

[self resetSpIDers];

// 注册schedule

[self scheduleUpdate];

// 积分

score = 0;

totalTime = 0;

[scoreLabel setString:@"0"];

}

开启/关闭屏保的方法：

-(voID) setScreenSaverEnabled:(bool)enabled

{

UIApplication *thisApp = [UIApplication sharedApplication];

thisApp.IDleTimerDisabled = !enabled;

}

使蜘蛛不停扭动的方法如下(实际上是把图像不断的放大缩小)：

-(voID) runSpIDerWiggleSequence:(CCSprite*)spIDer

{

//动作：放大

CCScaleto* scaleUp = [CCScaleto actionWithDuration:CCRANDOM_0_1() * 2 + 1 scale:1.05f];

//速度渐变动作：速度由慢至快，再由快至慢

CCEaseBackInOut* easeUp = [CCEaseBackInOut actionWithAction:scaleUp];

//动作：缩小

CCScaleto* scaleDown = [CCScaleto actionWithDuration:CCRANDOM_0_1() * 2 + 1 scale:0.95f];

//速度渐变动作：速度由慢至快，再由快至慢

CCEaseBackInOut* easeDown = [CCEaseBackInOut actionWithAction:scaleDown];

CCSequence* scaleSequence = [CCSequence actions:easeUp,easeDown,nil];

CCRepeatForever* repeatScale = [CCRepeatForever actionWithAction:scaleSequence];

[spIDer runAction:repeatScale];

}

八、cclabel、 CCBitmapFontAtlas 和 HIEro

我们的计分标准很简单，以游戏时间作为游戏分数。

在init方法中加入：

scoreLabel = [cclabel labelWithString:@"0" Fontname:@"Arial" FontSize:48];

scoreLabel.position = CGPointMake(screenSize.wIDth / 2,screenSize.height);

// 调整锚点。

scoreLabel.anchorPoint = CGPointMake(0.5f,1.0f);

// 把label添加到scene，z坐标为-1，则位于所有layer的下方

[self addChild:scoreLabel z:-1];

为了将计分牌对其到屏幕上端中心位置，这里使用了“锚点”的概念。锚点即参考点，和position属性配合使用，用于将物体向其他物体对齐。比如当把一个物体移动到一个位置点时，实际上是把这个物体的“锚点”移动/对齐到另外一个点。锚点由两个float表示，表示的是锚点相对于物体宽/高的比率。比如锚点（0.5f,1.0f）表示该锚点位于该物体宽1/2,高1/1的地方。

修改update方法，在其中加入：

// 每秒更新一次计分牌

totalTime += delta;

int currentTime = (int)totalTime;

if (score < currentTime)

{

score = currentTime;

[scoreLabel setString:[Nsstring stringWithFormat:@"%i",score]];

}

这里需要说明的是，[cclabel setString]方法的效率很低：它需要释放老的texture，分配一个新的texture，并用iOS Font的rendering方法重新构造texture。你只需要注释[cclabel setString]方法就可以知道，那有多么的糟糕。不使用setString方法时帧率为60帧/秒，而使用该方法的帧率竟然才30帧/秒。

象CCSprite等刷新效率高(只是更费一点内存)的Label类，都是属于 CCBitmapFontAtlas类的特例。我们可以通过简单地把cclabel变量声明从cclabel更改为 CCBitmapFontAtlas，并修改它的构造语句：

scoreLabel = [CCBitmapFontAtlas bitmapFontAtlasWithString:@"0" fntfile:@"bitmapFont.fnt"];

在游戏中使用bitmapFont是很好的选择，因为 *** 作更快速，同时会有一个缺点：bitmap字体都是大小固定的。如果同样的字体，大小不同，你需要对CCBitmapFontAtlas 对象进行缩放。或者为不同尺寸的字体创建单独的bitmap文件，并因此占用更多的内存。

当然需要把bitmapFont.fnt文件和对应的.png文件一起加入到工程的资源目录下。

如果你需要创建自己的bitmap字体，可以用HIEro这个小工具(java web application)：

http://slick.cokeandcode.com/demos/hiero.jnlp

也可以使用 BMFont (windows应用)：

www.angelcode.com/products/bmfont/

HIEro允许你从TrueTypeFont创建一个.fnt文件，该文件可以直接用于 cocos2d的CCBitmapFontAtlas类。

安装HIEro时需要同意一个数字签名。请放心，迄今为止没有迹象表明该签名有任何问题。

HIEro的使用很简单，首先挑选一种TrueType字体，在Sample Text 文本框中输入你要用的字符，然后点击file->Save BMFont files…即可保存为.fnt文件。

其他的选项是可选的。比如你可以加上渐变和阴影效果，使字体显得更3D。

选择Glyph cache后，你还可以调整生成的.png文件的大小。当然，如果你象我一样只用到了极少的几个字符，只要把页宽/高设为最小值（比如在这里我们设成了256），然后点击reset Cache应用。这样可以创建比较小.png文件同时减少内存占用。对于更复杂的字体,HIEro会创建多个.png文件——记住，每一个.png文件都应当加到工程中。

在这个例子里，我们的字体文件里只放了几个数字。因为png文件被创建为256*256大小，不管你是输入1个字还是再加几个其他的字，都会占用这么多的空间。

*注意，如果你使用了在.fnt文件中不存在的字符，那么该字符会被忽略掉，且不会显示在 CCBitmapFontAtlas中。

九、加入音频

在工程目录中有一对音频文件： blues.mp3 和 alIEn- sfx.caf 。

在cocos2d中播放音频的最好也是最初的方法是用 SimpleAudioEngine。然而音频支持并不是cocos2d内置的一部分。它属于CocosDenshion，就像物理引擎一样。因此，你需要import额外的头文件：

#import "SimpleAudioEngine.h"

然后可以在init方法中象这样来播放音乐/音频：

[[SimpleAudioEngine sharedEngine] playBackgroundMusic:@"blues.mp3" loop:YES];

[[SimpleAudioEngine sharedEngine] preloadEffect:@"alIEn-sfx.caf"];

对于背景音乐，我们设置loop参数为YES，这样就会循环播放。

对于音频声效，我们并没有立即播放，而仅仅是加载到内存。然后在条件合适时播放（比如碰撞发生时)：

[[SimpleAudioEngine sharedEngine] playEffect:@"alIEn-sfx.caf"];