用 SpriteKit 做一个逃逸游戏 (1)

本文主要是介绍用 SpriteKit 做一个逃逸游戏 (1)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

原文：http://www.raywenderlich.com/49721/how-to-create-a-breakout-game-using-spritekit

SpriteKit 是苹果的新的游戏框架（iOS 和 Max OS）。它不仅封装了大量的绘图功能，也封装了一个类似 Box2D 一样的物理引擎。最主要的是，你现在可以直接用O-C 来编写游戏了！

你可以用 SpriteKit 干许多事情，而学习它的最好途径，是用它来创建一个简单的游戏。

本教程中，你将学到如何创建一个“逃逸”游戏，包括碰撞检测、使用物理效果让小球反弹，用触摸拖动模板，以及显示失败/胜利界面。

如果你第一次接触 SpriteKit，在继续本教程之前，请浏览SpriteKitTutorial for Beginners 。

SpriteKit 中的基本概念

首先，你也许会问：物理引擎是什么东西？

在 SpriteKit 中，你会在两种环境下工作。一，图形环境，你在屏幕上所见到的一切；二，物理环境，决定了对象应该如何运动和反应。

在使用 SpriteKit 物理引擎时，你需要根据游戏的需要来设定物理环境。world对象是SpriteKit 中用于管理所有物体并模拟物理世界的主要对象。它将 gravity(重力）施加在每个物体上，默认的 gravity 值为 -9.81，约等于地球的重力加速度1 G。因此，当一个物体被加入到物理世界时，它会“往下掉”。

当你创建好 world 对象后，你可以给它一个身体，这样它会根据物理定律做出反应。最常见的做法是，创建一个角色（图形对象），然后设置它的physics body。

body 属性和 world 属性将决定它将如何移动。

物体可以是动态的对象（小球、飞镖，小鸟...），它们是运动的，并受外力影响。物体也可以是静态的（平地、墙...），它们不受外力影响。创建物体时，你可以设置许多属性，比如形状、阻力等等。这些属性对物体在物理世界中的行为有很大影响。

在定义物体时，尺寸和密度使用什么单位？SpriteKit 默认使用公制（国际标准单位）。但在游戏中，你通常不需要关心重力加速度和体积的具体指，你可以使用默认值。

当你将所有的物体加入到 world 对象，SpriteKite 会自动进行模拟。现在你已经对这些都有所了解了吧？让我们来看看代码吧，开始我们的Breakout 游戏。

开始

创建新项目，选择 iOS\Application\SpriteKitGame 模板。product name填入 BreakoutSpriteKitTutorial，设备选择 iPhone，然后点击 Next。选择项目保存位置，然后点击Create。

你的游戏需要一些图片，例如小球、砖块、木板、背景图片。你可以从这里下载。将它们从Finder 中拖到 Xcode 项目中。注意勾选“Copy items...”选项。

打开 MyScene.m 。这个类用于创建游戏场景。模板代码中有些代码你并不需要。将文件内容替换为：

#import "MyScene.h"

static NSString* ballCategoryName = @"ball";

static NSString* paddleCategoryName = @"paddle";

static NSString* blockCategoryName = @"block";

static NSString* blockNodeCategoryName = @"blockNode";

@implementation MyScene

-(id)initWithSize:(CGSize)size {

if (self = [super initWithSize:size]) {

SKSpriteNode* background = [SKSpriteNode spriteNodeWithImageNamed:@"bg.png"];

background.position = CGPointMake(self.frame.size.width/2, self.frame.size.height/2);

[self addChild:background];

}

return self;

}

@end

代码非常简单。首先创建了几个常量，用于识别不同的游戏对象。然后定义initWithSize 方法初始化一个空的游戏场景（以指定大小），用背景图片创建了一个角色并放置在屏幕中央，然后将角色加入场景。

现在你的项目框架已经撘好了，它仅仅显示了背景图片。但是，游戏屏幕还是竖向显示，你应该将它改成横向显示。你需要做两件事情：

在 Xcode 中打开target 的 General 页面，在 Device Orientation 栏中勾上两个横向选项，如下图所示：

做完第一步，运行程序，你会发现仍然有点怪异。背景图有部分不能显示。要修正这个问题，需要修改 ViewController.m。删除 viewDidLoad 方法，增加如下代码：

-(void)viewWillLayoutSubviews {

[super viewWillLayoutSubviews];

// 设置 view

SKView * skView = (SKView *)self.view;

if (!skView.scene) {

skView.showsFPS = YES;

skView.showsNodeCount = YES;

// 创建并配置游戏场景

SKScene * scene = [MyScene sceneWithSize:skView.bounds.size];

scene.scaleMode = SKSceneScaleModeAspectFill;

// 显示游戏场景

[skView presentScene:scene];

}

使用 viewWillLayoutSubviews方法创建游戏场景，游戏场景将确保位于视图树中的视图都放置正确。你不能在 viewDidLayout 方法中做这些工作，因为那时 scene 的大小是未知的。更多细节，可参考 SpriteKit Tutorial for Beginners 的 Switching toLandscape Orientation 一节。

不停跳动的小球

是时候使用 SpriteKit 的物理引擎了。打开 MyScene.m，在initWithSize:方法后面加入下列代码：

self.physicsWorld.gravity = CGVectorMake(0.0f, 0.0f);

这将改变游戏中的重力加速度。SprietKite 默认的重力加速度是x轴0，y轴-9.8，这模拟了地球的重力加速度。但在这个逃逸游戏中，你不需要任何重力。因此我们两个都设置为0。

接下来，你要创建一个看不见的藩篱。小球将被关进一个笼子里，无法逃脱。