SpriteKit 技巧之添加背景圖片

做者：Arthur Knopper，原文連接，原文日期：2017/01/17
譯者：Crystal Sun；校對：walkingway；定稿：CMB

Sprite Kit 是硬件加速的動畫系統，爲建立 2D 遊戲進行了專門的優化。在本節教程中，將使用 Game 模板來添加一張背景圖片。本節教程使用的是 Xcode 8.2.1 和 iOS 10.2。

打開 Xcode，選擇 iOS -> Application -> Game 模板。

Product Name 使用 SpriteKitBackgroundTutorial，填寫本身的 Organization Name 和 Organization Identifier，Language 一欄選擇 Swift，Game Technology 一欄選擇 SpriteKit，Devices 一欄選擇 iPhone。

本節教程須要一張圖片做爲背景圖，從這裏下載圖片，添加到工程中，確保在添加時選擇 「Copy items if needed」 選項。

在 Xcode 的 Game 模板中，已經作了不少初始化的工做。在 Sprite Kit 框架中，每一個場景（scene）控制 App 的一屏（screen）。找到 GameViewController.swift 文件，在 GameViewController 類裏，已經定義好了 viewDidLoad 方法，在這個方法裏建立場景，呈現 GameScene 對象。將 viewDidLoad 方法代碼更改爲以下所示：

override func viewDidLoad() {
    super.viewDidLoad()
        
    let scene = GameScene(size:CGSize(width: 1080, height: 1920))
        
    let skView = self.view as! SKView
    scene.scaleMode = .aspectFill
    skView.presentScene(scene)
}

找到 GameScene.swift 方法，已經定義好了 GameScene 類，在 didMove 方法中，實現自定義的代碼。刪除 GameScene 類裏面全部的代碼，而後添加 didMove 方法：

class GameScene: SKScene {
    
    override func didMove(to view: SKView) {
        let background = SKSpriteNode(imageNamed: "background.jpg")
        background.position = CGPoint(x: size.width/2, y: size.height/2)
        addChild(background)
    }
}

Sprite Kit 框架有個指定的類來建立控制 sprite（精靈）（譯者注：sprite 是計算機圖形學的專有名詞，意爲包含於場景中的二維圖像或動畫），就是 SKSpriteNode 類。在該節點（node）下，圖片加載完成。接下來，將圖片添加到場景中。最後，刪除 GameScene.sks 和 Action.sks 文件，目前不須要這兩個文件。

運行工程。

能夠從 github 上下載 SpriteKitBackgroundTutorial 教程的源代碼。

本文由 SwiftGG 翻譯組翻譯，已經得到做者翻譯受權，最新文章請訪問 http://swift.gg。