13岁天才少年:Swift编程与Sprite Kit游戏实战

发表时间: 2015-05-26 17:56

本文作者Ajay Venkat是一名年仅13岁的iOS开发者,他非常喜欢用苹果的Sprite Kit 2D游戏框架来开发iOS游戏,在了解到很多同龄孩子也对学习如何使用Sprite Kit来开发iOS游戏非常感兴趣之后,他以自己用Swift语言所开发的一款名为“Space Monkey”的游戏为例,在Ray Wenderlich上写下了这篇指南,以下为译文:

快速入门

首先要安装苹果的iOS和Mac应用免费开发工具——Xcode。如果还没有安装Xcode,可以从App Store上下载;如果已经安装好,须确保自己使用的是最新版本。安装好Xcode后,下载并解压starter project,双击SpaceMonkey.xcodeproj,文件就会在Xcode中打开。单击“Play”,接着你会看到一整片黑屏:

starter project给了一个好的起步,接下来就是着手开发自己的游戏了。我已经在project中添加了art(艺术效果)和sounds(音效),放在文件夹Sounds 和 sprites.atlas里。art能派上大用场,不妨用“Space Monkey”牛刀小试一下吧!

添加monkey

用Sprite Kit为游戏添加图片(比如space monkey)有三步:

  1. 创建sprite。第一步用SKSpriteNode 类创建一个sprite。sprite是图片的副本,可在游戏里随意移动。
  2. 定位sprite。第二步在屏幕上定位sprite,让space monkey从屏幕左边出场,逐渐移动到中间。
  3. 将sprite添加到场景中。创建sprite还不够,要展示sprite,需要把它添加到场景中。

一步一步来,打开GameScene.swift,将代码换成如下所示:

import SpriteKit class GameScene: SKScene {  // 1 - Create the sprite  let player = SKSpriteNode(imageNamed:"spacemonkey_fly02")   override func didMoveToView(view: SKView) {    // 2 - Position the sprite    player.position = CGPoint(x:frame.size.width * 0.1, y: frame.size.height * 0.5)    // 3 - Add the sprite to the scene    addChild(player)    // 4 - Set scene background color to black    backgroundColor = SKColor.blackColor  }}

再回顾一下上述步骤:

  1. 用Art文件夹里的monkey图片通过SKSpriteNode(imageNamed:)创建SKSpriteNode 。注意:这一步将sprite存储在了类的一个property 里,方便开发者回头查看。
  2. 场景首次呈现时调用的是didMoveToView(_:),这里适合添加初始设置代码。这一步在屏幕的左边设定sprite的position 。
  3. 用sprite的名称调用 addChild,再添加到场景里。
  4. 游戏场景的背景色设为黑色,贴合monkey在太空飞行的设定。

编写完成后运行,就能看见monkey飞翔在太空之中了:

接下来添加monkey的敌人!

添加敌人

monkey只有一个,而敌人有很多个,而且可能出现在屏幕的不同位置。

首先需要一些method(method)创建随机数字。将这些新method添加至GameScene.swift,放在 didMoveToView(_:)后(大括号之前):

func random -> CGFloat {  return CGFloat(Float(arc4random) / 0xFFFFFFFF)}func random(#min: CGFloat, max: CGFloat) -> CGFloat {  return random * (max - min) + min}

random返回一个介于0到1之间的十进制值。random(min:max:)返回一个固定范围的随机值。指南不详述这些步骤的原理,读者只需用好这些method就够了。

接下来,将这个新的method直接添加在 random(min:max:)之后:

// 1func spawnEnemy {  // 2  let enemy = SKSpriteNode(imageNamed: "boss_ship")  // 3  enemy.name = "enemy"  // 4  enemy.position = CGPoint(x: frame.size.width, y: frame.size.height * random(min: 0, max: 1))  // 5  addChild(enemy)}

再回顾一下上述步骤:

  1. 创建一个method,命名为spawnEnemy。
  2. 跟添加monkey差不多,通过调用SKSpriteNode(imageNamed:)和添加图片名称创建一个sprite。
  3. 为sprite添加名称,方便以后辨认。
  4. 在屏幕右边设定敌人在X轴位置,而Y轴位置用random设定一个随机值。
  5. 最后只要用addChild把sprite添加到parent/场景中。

剩下的就是多次调用这个method了!调用前先创建actions的序列,使敌人以固定时间间隔出现在屏幕上。将这一行添加到didMoveToView(_:)末尾:

runAction(SKAction.repeatActionForever( SKAction.sequence([ SKAction.runBlock(spawnEnemy),        SKAction.waitForDuration(1.0)])))

这里调用spawnEnemy,用不断重复的序列创建一个action,等待时长为1秒,即敌人出现的间隔。