使用SpriteBuilder制作Cocos2D游戏完全中文教程(五)

使用SpriteBuilder创建LevelsCreate Levels with SpriteBuilder

发射企鹅很有趣,然而企鹅和雪豹发生碰撞更有乐趣,下面我们来学习如何创建和加载Level

设置地面

我们现在打算在游戏场景中载入一个平稳的地面。首先我们要做的就是增加一个地面(ground)到CCPhysicsNode并设置为物理物件。拖ground节点到CCPhysicsNode时间轴:

使用SpriteBuilder制作Cocos2D游戏完全中文教程(五)_第1张图片

选中ground,在属性窗格(右窗格中第三个选项卡)打开物理选项卡。启用物理并将其设置为静态。静态用于对象从不移动,并不会受到重力或其它力。由于我们的地面不平坦,我们要收缩它的界限了一下。否则,我们会在一些地方出现漂浮物。通过移动粉红色角落下来几个像素做到这一点:

使用SpriteBuilder制作Cocos2D游戏完全中文教程(五)_第2张图片

现在我们有一个坚实的地面,这将停止物体坠落出屏幕外。

设立一个Level加载机制

现在我们要解决我们的第一个小难题。问题:我们希望在我们的游戏中能够有无限量的levels。因此,我们不希望游戏机制(发射,碰撞检测等)是level的一部分。否则,我们将有大麻烦,如果我们想改变他们,我们就需要将更改应用到各个层面。

这意味着我们不会在我们的Gameplay.ccb中直接添加一个Level信息。一个更好的解决方案是在Gameplay.ccb中定义一个区域,这个区域专门用于具体LevelLevel的数据加载。

添加一个Level节点

拖动一个新的CCNode到你的时间轴上并让它成为CCPhysicsNode的子类,因为我们要加载的levels需要包含物理对象(在cocos2d每个物理对象必须是一个CCPhysicsNode的子类)。

使用于以下尺寸:X469Y47,宽度:490,高度:275

使用SpriteBuilder制作Cocos2D游戏完全中文教程(五)_第3张图片

这个节点是我们在后面即将要加载的Level的容器。实际加载将发生在代码中,因此创建要一个代码连接,使levelNode能在Gameplay类中访问。调用变量“_levelNode”

创建Level

在你的Spritebuilder项目中创建一个名为“levels”的新文件夹。在这个文件夹创建一个新的接口文件。称之为“Level1”,选择“Layer”作为根节点,并设置它的大小为(490275)。

您的第一级和文件夹结构应该是这样的:

使用SpriteBuilder制作Cocos2D游戏完全中文教程(五)_第4张图片

恭喜你,这是你的第一个层次!现在添加一些内容。拉出多个seal.ccb文件和冰块(不同的图像tallblock.png等)放置在这个场景中。一定要在Level中放置一些物品在靠近左边缘的地方(使得他们在Level加载后能够被看见,即使是使用了滚动机制)。你的场景可能看起来有点像这样:

使用SpriteBuilder制作Cocos2D游戏完全中文教程(五)_第5张图片

添加水平加载代码

现在,我们要添加一些Level的加载代码。在Xcode打开Gameplay.m @implementation中添加一个成员变量(你添加的_physicsNode变量):

CCNode *_levelNode;

将下面代码添加到didLoadFromCCB方法的末尾:

CCScene *level = [CCBReader loadAsScene:@"Levels/Level1"];
[_levelNode addChild:level];

这将加载Level1,并把它作为levelNode的子节点。当你运行你的游戏,你应该看到你的等级会出现在游戏场景中:

使用SpriteBuilder制作Cocos2D游戏完全中文教程(五)_第6张图片

滚动场景

现在,我们可发射企鹅了,当企鹅发射以后我们要跟随它穿过我的Level来提升体验。很幸运的是cocos2d已经提供了这样的一个非常方便的方式。

你以前使用CCActions吗?CCActions提供了很多方便的方法在代码中来实现移动,缩放等的动画。执行CCAction始终是一个两步过程:

  • 设置一组参数(如规模,持续时间等)一CCAction

  • 告诉所有的CCNode来运行CCAction

为了实现我们的摄像头能进行企鹅的跟踪动作,我们要用到CCActionFollow。你需要定义一个被跟随的CCNode节点,你也可以定制边界,让摄像头不会滚动到背景图片以外的区域。

下面代码需要添加到Gameplay.mlaunchPenguin的方法的末尾:

// ensure followed object is in visible are when starting
self.position = ccp(0, 0);
CCActionFollow *follow = [CCActionFollow actionWithTarget:penguin worldBoundary:self.boundingBox];
[self runAction:follow];

再次运行你的游戏,你会看到:

正如你所看到的企鹅不与冰块碰撞呢。这是因为它们不是物理对象的关系。让我们进入下一个步骤!

捶冰块

在你的SpriteBuilder项目中打开Level1.ccb。选择每个冰块,使它物理化。请记住,你可以拖动粉色圆点来改变物理体的形式。

使用SpriteBuilder制作Cocos2D游戏完全中文教程(五)_第7张图片

一旦你做完了,发布您的SpriteBuilder项目,然后再次运行它。你现在应该能够碰撞到冰块:

使用SpriteBuilder制作Cocos2D游戏完全中文教程(五)_第8张图片

Level添加复位(Retry

现在我们能够轻易地摧毁这个Level,当然我们也可以很容易地恢复它,让我们为这个Level添加一个复位功能吧。

SpriteBuilder打开Gameplay.ccb。拖动一个按钮到屏幕的左上角。设置标题和按钮的代码连接:

使用SpriteBuilder制作Cocos2D游戏完全中文教程(五)_第9张图片

实现是很容易的。我们只需要使用CCDirector重新加载这个场景

- (void)retry {
    // reload this level
    [[CCDirector sharedDirector] replaceScene: [CCBReader loadAsScene:@"Gameplay"]];
}

太棒了!现在运行该应用程序,并利用新的“Retry”按钮。你可以预见哪些问题是要来了?没错!该按钮是游戏的场景,是跟随企鹅滚动的一部分。这意味着屏幕的按钮滚动。哎呀!在继续阅读之前,再想想这个问题可能的解决方案。当你面对这种障碍的时候想出一些想法是很重要的。

固定Level的复位,第1部分

我们将通过增加一个内容节点重组游戏的场景。所有的游戏动作将被添加到内容节点,所有的UI元素将对该内容节点的顶部加入。

打开Gameplay.ccb并添加位置为(0,0)的内容节点CCNode。现在,我们要重组场景的时间轴,拖动除了按钮节点外的所有节点到内容节点中,成为内容节点的子节点。当你完成你的场景层次应该是这样的:

使用SpriteBuilder制作Cocos2D游戏完全中文教程(五)_第10张图片

我们已经重组了现场,但,这并不能改变什么呢。我们还能在游戏中滚动我们的retry按钮。那么,我们第二步应该怎么固定这个retry按钮到屏幕左上角呢?

固定Level的复位,第2部分

我们需要滚动contentNode,而不是游戏的场景!为contentNode添加代码连接,使得在Gameplay.m中能够访问。当代码连接建立,在Xcode打开Gameplay.m。添加你需要的代码连接的成员变量。然后修改实际的滚动代码。使新的内容节点上执行,而不是游戏场景的动作。你的代码的设置和执行的动作现在看起来应该像这样:

// ensure followed object is in visible are when starting
self.position = ccp(0, 0);
CCActionFollow *follow = [CCActionFollow actionWithTarget:penguin worldBoundary:self.boundingBox];
[_contentNode runAction:follow];

现在,内容节点的滚动,而不是完整的游戏场景。由于内容节点仅用于构建场景,没有内容的大小,我们仍然使用游戏场景的背景来定义边界。

如果你现在运行游戏,按钮应该留在左上角,并允许您轻松地在任何时间重新开始Level

 

原文:

https://www.makegameswith.us/tutorials/getting-started-with-spritebuilder/levels/

从下一节开始我们要进入Chipmunk物理引擎的学习了,这个也是模拟现实物理世界游戏的精髓,如果你对Chipmunk还不是很了解的话可以先“google it”,在下一节中我们将直接介绍如何在Spritebuilder中运用它转载请说明出处,wealpan将和您一起学习Spritebuilder!谢谢大家!


转载于:https://my.oschina.net/wealpan/blog/204532

你可能感兴趣的:(使用SpriteBuilder制作Cocos2D游戏完全中文教程(五))