- 原文: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。
接下来,你要创建一个看不见的藩篱。小球将被关进一个笼子里,无法逃脱。
身处樊笼的小球