Cocos2d开发系列（四）
最后更新于：2022-04-01 11:38:59
《Learn IPhone andiPad Cocos2d Game Delevopment》的第5章。
## 一、使用多场景
很少有游戏只有一个场景。这个例子是这个样子的：
这个Scene中用到了两个Layer，一个Layer位于屏幕上方，标有”Herebe your Game Scores etc“字样的标签，用于模拟游戏菜单。一个Layer位于屏幕下方，一块绿色的草地上有一些随机游动的蜘蛛和怪物，模拟了游戏的场景。
1、加入新场景
一个场景是一个Scene类。加入新场景就是加入更多的Scene类。
有趣的是场景之间的切换。使用[CCDirectorreplaceScene]方法转场时，CCNode有3个方法会被调用：OnEnter、OnExit、onEnterTransitionDidFinish。
覆盖这3个方法时要牢记，始终要调用super的方法，避免程序的异常（比如内存泄露或场景不响应用户动作）。
~~~
-(void)onEnter {
// node的 init方法后调用.
// 如果使用CCTransitionScene方法，在转场开始后调用.
[superonEnter];
}
-(void )onEnterTransitionDidFinish {
// onEnter方法后调用.
// 如果使用CCTransitionScene方法，在转场结束后调用.
[superonEnterTransitionDidFinish];
}
-(void)onExit
{
// node的dealloc 方法前调用.
// 如果使用CCTransitionScene方法，在转场结束时调用.
[superonExit];
}
~~~
当场景变化时，有时候需要让某个node干点什么，这时这3个方法就派上用场了。
与在node的init方法和dealloc方法中做同样的事情不同，在onEnter方法执行时，场景已经初始化了；而在onExit方法中，场景的node仍然是存在的。
这样，在进行转场时，你就可以暂停动画或隐藏用户界面元素，一直到转场完成。这些方法调用的先后顺序如下（使用replaceScene 方法）：
1. 第2个场景的 scene方法
2. 第2个场景的 init方法
3. 第2个场景的 onEnter方法
4. 转场
5. 第1个场景的 onExit方法
6. 第2个场景的 onEnterTransitionDidFinish方法
7. 第1个场景的 dealloc方法
## 二、请稍候⋯⋯
切换场景时，如果场景的加载是一个比较耗时的工作，有必要用一个类似“Loading，please waiting…”的场景来过渡一下。用于在转场时过渡的场景是一个“轻量级”的Scene类，可以显示一些简单的提示内容：
~~~
typedefenum
{
TargetSceneINVALID = 0,
TargetSceneFirstScene,
TargetSceneOtherScene,
TargetSceneMAX,
} TargetScenes;
@interface LoadingScene : CCScene
{
TargetScenes targetScene_;
}
+(id)sceneWithTargetScene:(TargetScenes)targetScene;
-(id)initWithTargetScene:(TargetScenes)targetScene;
@end
#import "LoadingScene.h"
#import "FirstScene.h"
#import "OtherScene.h"
@interface LoadingScene(PrivateMethods)
-(void) update:(ccTime)delta;
@end
@implementation LoadingScene
+(id)sceneWithTargetScene:(TargetScenes)targetScene;
{
return [[[self alloc]initWithTargetScene:targetScene] autorelease];
}
-(id)initWithTargetScene:(TargetScenes)targetScene
{
if ((self = [super init]))
{
targetScene_ = targetScene;
CCLabel* label = [CCLabellabelWithString:@"Loading ..." fontName:@"Marker Felt" fontSize:64];
CGSize size = [[CCDirectorsharedDirector] winSize];
label.position =CGPointMake(size.width / 2, size.height / 2);
[self addChild:label];
[self scheduleUpdate];
}
returnself;
}
-(void) update:(ccTime)delta
{
[selfunscheduleAllSelectors];
switch (targetScene_)
{
case TargetSceneFirstScene:
[[CCDirector sharedDirector] replaceScene:[FirstScene scene]];
break;
case TargetSceneOtherScene:
[[CCDirector sharedDirector] replaceScene:[OtherScene scene]];
break;
default:
// NSStringFromSelector(_cmd) 打印方法名
NSAssert2(nil, @"%@: unsupported TargetScene %i", NSStringFromSelector(_cmd), targetScene_);
break;
}
}
-(void) dealloc
{
CCLOG(@"%@: %@", NSStringFromSelector(_cmd), self);
[super dealloc];
}
@end
~~~
首先，定义了一个枚举。这个技巧使LoadingScene能用于多个场景的转场，而不是固定地只能在某个场景的切换时使用。继续扩展这个枚举的成员，使LoadingScene能适用与更多目标Scene的转场。
sceneWithTargetScene方法中返回了一个autorelease的对象。在coco2d自己的类中也是一样的，你要记住在每个静态的初始化方法中使用autorelease。
在方法中，构造了一个CCLabel，然后调用scheduleUpdate方法。scheduleUpdate方法会在下一个时间（约一帧）后调用update方法。在update方法中，我们根据sceneWithTargetScene方法中指定的枚举参数，切换到另一个scene。在这个scene的加载完成之前，LoadingScene会一直显示并且冻结用户的事件响应。
我们不能直接在初始化方法initWithTargetScene中直接切换scene，这会导致程序崩溃。记住，在一个Node还在初始化的时候，千万不要在这个scene上调用CCDirector的replaceScene方法。
LoadingScene的使用很简单，跟一般的scene一样：
~~~
CCScene* newScene = [LoadingScenesceneWithTargetScene:TargetSceneFirstScene];
[[CCDirectorsharedDirector] replaceScene:newScene];
~~~
## 三、使用Layer
Layer类似Photoshop中层的概念，在一个scene中可以有多个Layer：
~~~
typedefenum
{
LayerTagGameLayer,
LayerTagUILayer,
} MultiLayerSceneTags;
typedefenum
{
ActionTagGameLayerMovesBack,
ActionTagGameLayerRotates,
}MultiLayerSceneActionTags;
@classGameLayer;
@classUserInterfaceLayer;
@interface MultiLayerScene :CCLayer
{
boolisTouchForUserInterface;
}
+(MultiLayerScene*) sharedLayer;
@property (readonly) GameLayer* gameLayer;
@property (readonly) UserInterfaceLayer*uiLayer;
+(CGPoint) locationFromTouch:(UITouch*)touch;
+(CGPoint) locationFromTouches:(NSSet *)touches;
+(id) scene;
@end
@implementation MultiLayerScene
static MultiLayerScene* multiLayerSceneInstance;
+(MultiLayerScene*) sharedLayer
{
NSAssert(multiLayerSceneInstance != nil, @"MultiLayerScenenot available!");
returnmultiLayerSceneInstance;
}
-(GameLayer*) gameLayer
{
CCNode* layer = [selfgetChildByTag:LayerTagGameLayer];
NSAssert([layer isKindOfClass:[GameLayerclass]], @"%@: not aGameLayer!", NSStringFromSelector(_cmd));
return (GameLayer*)layer;
}
-(UserInterfaceLayer*) uiLayer
{
CCNode* layer = [[MultiLayerScenesharedLayer] getChildByTag:LayerTagUILayer];
NSAssert([layer isKindOfClass:[UserInterfaceLayerclass]], @"%@: not aUserInterfaceLayer!", NSStringFromSelector(_cmd));
return (UserInterfaceLayer*)layer;
}
+(CGPoint) locationFromTouch:(UITouch*)touch
{
CGPoint touchLocation = [touchlocationInView: [touch view]];
return [[CCDirectorsharedDirector] convertToGL:touchLocation];
}
+(CGPoint) locationFromTouches:(NSSet*)touches
{
return [selflocationFromTouch:[touches anyObject]];
}
+(id) scene
{
CCScene* scene = [CCScenenode];
MultiLayerScene* layer = [MultiLayerScenenode];
[scene addChild:layer];
return scene;
}
-(id) init
{
if ((self = [superinit]))
{
NSAssert(multiLayerSceneInstance == nil, @"anotherMultiLayerScene is already in use!");
multiLayerSceneInstance = self;
GameLayer* gameLayer = [GameLayernode];
[selfaddChild:gameLayerz:1tag:LayerTagGameLayer];
UserInterfaceLayer* uiLayer = [UserInterfaceLayernode];
[selfaddChild:uiLayerz:2tag:LayerTagUILayer];
}
returnself;
}
-(void) dealloc
{
CCLOG(@"%@: %@", NSStringFromSelector(_cmd), self);
[superdealloc];
}
@end
~~~
MultiLayerScene 中使用了多个Layer：一个GameLayerh 和一个UserInterfaceLayer 。
MultiLayerScene 使用了静态成员multiLayerSceneInstance 来实现单例。 MultiLayerScene也是一个Layer，其node方法实际上调用的是实例化方法init——在其中，我们加入了两个Layer，分别用两个枚举LayerTagGameLayer 和LayerTagUILayer 来检索,如属性方法gameLayer和uiLayer所示。
uiLayer是一个UserInterfaceLayer，用来和用户交互，在这里实际上是在屏幕上方放置一个菜单，可以把游戏的一些统计数字比如：积分、生命值放在这里：
~~~
typedefenum
{
UILayerTagFrameSprite,
}UserInterfaceLayerTags;
@interface UserInterfaceLayer :CCLayer
{
}
-(bool) isTouchForMe:(CGPoint)touchLocation;
@end
@implementation UserInterfaceLayer
-(id) init
{
if ((self = [superinit]))
{
CGSize screenSize = [[CCDirectorsharedDirector] winSize];
CCSprite* uiframe = [CCSpritespriteWithFile:@"ui-frame.png"];
uiframe.position = CGPointMake(0, screenSize.height);
uiframe.anchorPoint = CGPointMake(0, 1);
[selfaddChild:uiframe z:0tag:UILayerTagFrameSprite];
// 用Label模拟UI控件（ 这个Label没有什么作用，仅仅是演示）.
CCLabel* label = [CCLabellabelWithString:@"Here be yourGame Scores etc"fontName:@"Courier"fontSize:22];
label.color = ccBLACK;
label.position = CGPointMake(screenSize.width / 2, screenSize.height);
label.anchorPoint = CGPointMake(0.5f, 1);
[selfaddChild:label];
self.isTouchEnabled = YES;
}
returnself;
}
-(void) dealloc
{
CCLOG(@"%@: %@", NSStringFromSelector(_cmd), self);
[superdealloc];
}
-(void)registerWithTouchDispatcher
{
[[CCTouchDispatchersharedDispatcher] addTargetedDelegate:selfpriority:-1swallowsTouches:YES];
}
// 判断触摸是否位于有效范围内.
-(bool) isTouchForMe:(CGPoint)touchLocation
{
CCNode* node = [selfgetChildByTag:UILayerTagFrameSprite];
returnCGRectContainsPoint([node boundingBox], touchLocation);
}
-(BOOL) ccTouchBegan:(UITouch*)touch withEvent:(UIEvent *)event
{
CGPoint location = [MultiLayerScenelocationFromTouch:touch];
bool isTouchHandled = [selfisTouchForMe:location];
if (isTouchHandled)
{
// 颜色改变为红色，表示接收到触摸事件.
CCNode* node = [selfgetChildByTag:UILayerTagFrameSprite];
NSAssert([node isKindOfClass:[CCSpriteclass]], @"node is not a CCSprite");
((CCSprite*)node).color = ccRED;
// Action:旋转+缩放.
CCRotateBy* rotate = [CCRotateByactionWithDuration:4angle:360];
CCScaleTo* scaleDown = [CCScaleToactionWithDuration:2scale:0];
CCScaleTo* scaleUp = [CCScaleToactionWithDuration:2scale:1];
CCSequence* sequence = [CCSequenceactions:scaleDown, scaleUp, nil];
sequence.tag = ActionTagGameLayerRotates;
GameLayer* gameLayer = [MultiLayerScenesharedLayer].gameLayer;
// 重置GameLayer 属性,以便每次动画都是以相同的状态开始
[gameLayer stopActionByTag:ActionTagGameLayerRotates];
[gameLayer setRotation:0];
[gameLayer setScale:1];
// 运行动画
[gameLayer runAction:rotate];
[gameLayer runAction:sequence];
}
return isTouchHandled;
}
-(void) ccTouchEnded:(UITouch*)touch withEvent:(UIEvent *)event
{
CCNode* node = [selfgetChildByTag:UILayerTagFrameSprite];
NSAssert([node isKindOfClass:[CCSpriteclass]], @"node is not aCCSprite");
// 色彩复原
((CCSprite*)node).color = ccWHITE;
}
@end
~~~
为了保证uiLayer总是第一个收到touch事件，我们在 registerWithTouchDispatcher 方法中使用－1的priority。并且用 isTouchForMe 方法检测touch是否处于Layer的范围内。如果在，touchBegan方法返回YES，表示“吃掉”touch事件（即不会传递到下一个Layer处理）；否则，返回NO，传递给下一个Layer（GameLayer）处理。
而在GameLayer中，registerWithTouchDispatcher 的priority是0
以下是GameLayer代码：
~~~
@interface GameLayer : CCLayer
{
CGPointgameLayerPosition;
CGPointlastTouchLocation;
}
@end
@interface GameLayer(PrivateMethods)
-(void) addRandomThings;
@end
@implementation GameLayer
-(id) init
{
if ((self = [superinit]))
{
self.isTouchEnabled = YES;
gameLayerPosition = self.position;
CGSize screenSize = [[CCDirectorsharedDirector] winSize];
CCSprite* background = [CCSpritespriteWithFile:@"grass.png"];
background.position = CGPointMake(screenSize.width / 2, screenSize.height / 2);
[selfaddChild:background];
CCLabel* label = [CCLabellabelWithString:@"GameLayer"fontName:@"MarkerFelt"fontSize:44];
label.color = ccBLACK;
label.position = CGPointMake(screenSize.width / 2, screenSize.height / 2);
label.anchorPoint = CGPointMake(0.5f, 1);
[selfaddChild:label];
[selfaddRandomThings];
self.isTouchEnabled = YES;
}
returnself;
}
// 为node加上一个MoveBy的动作（其实就是在围绕一个方框在绕圈）
-(void)runRandomMoveSequence:(CCNode*)node
{
float duration = CCRANDOM_0_1() * 5 + 1;
CCMoveBy* move1 = [CCMoveByactionWithDuration:duration position:CGPointMake(-180, 0)];
CCMoveBy* move2 = [CCMoveByactionWithDuration:duration position:CGPointMake(0, -180)];
CCMoveBy* move3 = [CCMoveByactionWithDuration:duration position:CGPointMake(180, 0)];
CCMoveBy* move4 = [CCMoveByactionWithDuration:duration position:CGPointMake(0, 180)];
CCSequence* sequence = [CCSequenceactions:move1, move2, move3,move4, nil];
CCRepeatForever* repeat = [CCRepeatForeveractionWithAction:sequence];
[node runAction:repeat];
}
// 模拟一些游戏对象,为每个对象加上一些动作（绕圈）.
-(void) addRandomThings
{
CGSize screenSize = [[CCDirectorsharedDirector] winSize];
for (int i = 0; i < 4; i++)
{
CCSprite* firething = [CCSpritespriteWithFile:@"firething.png"];
firething.position = CGPointMake(CCRANDOM_0_1() * screenSize.width, CCRANDOM_0_1() * screenSize.height);
[selfaddChild:firething];
[selfrunRandomMoveSequence:firething];
}
for (int i = 0; i < 10; i++)
{
CCSprite* spider = [CCSpritespriteWithFile:@"spider.png"];
spider.position = CGPointMake(CCRANDOM_0_1() * screenSize.width, CCRANDOM_0_1() * screenSize.height);
[selfaddChild:spider];
[selfrunRandomMoveSequence:spider];
}
}
-(void) dealloc
{
CCLOG(@"%@: %@", NSStringFromSelector(_cmd), self);
//don't forget to call "super dealloc"
[superdealloc];
}
-(void)registerWithTouchDispatcher
{
[[CCTouchDispatchersharedDispatcher] addTargetedDelegate:selfpriority:0swallowsTouches:YES];
}
-(BOOL) ccTouchBegan:(UITouch*)touch withEvent:(UIEvent *)event
{
// 记录开始touch时的位置.
lastTouchLocation = [MultiLayerScenelocationFromTouch:touch];
//先停止上一次动作，以免对本次拖动产生干扰.
[selfstopActionByTag:ActionTagGameLayerMovesBack];
//吃掉所有touche
returnYES;
}
-(void) ccTouchMoved:(UITouch*)touch withEvent:(UIEvent *)event
{
//记录手指移动的位置
CGPoint currentTouchLocation =[MultiLayerScenelocationFromTouch:touch];
//计算移动的距离
CGPoint moveTo = ccpSub(lastTouchLocation,currentTouchLocation);
//上面的计算结果要取反.因为接下来是移动前景，而不是移动背景
moveTo = ccpMult(moveTo,-1);
lastTouchLocation =currentTouchLocation;
//移动前景——修改Layer的位置，将同时改变Layer所包含的nodeself.position = ccpAdd(self.position, moveTo);
}
-(void) ccTouchEnded:(UITouch*)touch withEvent:(UIEvent *)event
{
//最后把Layer的位置复原.Action:移动+渐慢
CCMoveTo* move = [CCMoveToactionWithDuration:1position:gameLayerPosition];
CCEaseIn* ease = [CCEaseInactionWithAction:move rate:0.5f];
ease.tag =ActionTagGameLayerMovesBack;
[selfrunAction:ease];
}
@end
~~~
为了让程序运行起来更有趣，GameLayer中加入了一张青草的背景图，以及一些游戏对象，并让这些对象在随机地移动。这部分内容不是我们关注的，我们需要关注的是几个touch方法的处理。
1、ccTouchBegan ：
由于GameLayer是最后收到touch事件的Layer，我们不需要检测touch是否在Layer范围（因为传给它的都是别的Layer“吃剩下”的touch）。所以GameLayer的touchBegan方法只是简单的返回YES（“吃掉”所有touch）。
2、ccTouchMoved:
在这里我们计算手指移动的距离，然后让Layer作反向运动。为什么要作“反向”运动？因为我们想制造一种屏幕随着手指划动的感觉，例如： 当手向右划动时,屏幕也要向右运动。当然，iPhone不可能真的向右运动。要想模拟屏幕向右运动，只需让游戏画面向左运动即可。因为当运动物体在向前移动时，如果假设运动物体固定不动，则可以认为是参照物（或背景）在向后运动。
3、ccTouchEnded:
在这里，我们把Layer的位置恢复到原位。
## 四、其他
这一章还讨论了很多有用的东西，比如“关卡”。是使用Scene还是Layer作为游戏关卡？
作者还建议在设计Sprite时使用聚合而不要使用继承。即Sprite设计为不从CCNode继承，而设计为普通的NSObject子类（在其中聚合了CCNode）。
此外还讨论了CCTargetToucheDelegate、CCProgressTimer、CCParallaxNode、vCCRibbon和CCMotionStreak。
这些东西可以丰富我们的理论知识，但没有必要细读。