SpriteKit 技巧之添加背景圖片

作者:Arthur Knopper,原文鏈接,原文日期:2017/01/17
譯者:Crystal Sun;校對:walkingway;定稿:CMB

Sprite Kit 是硬件加速的動畫系統(tǒng),為創(chuàng)建 2D 游戲進行了專門的優(yōu)化。在本節(jié)教程中,將使用 Game 模板來添加一張背景圖片。本節(jié)教程使用的是 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。

本節(jié)教程需要一張圖片作為背景圖,從這里下載圖片,添加到工程中,確保在添加時選擇 “Copy items if needed” 選項。

在 Xcode 的 Game 模板中,已經(jīng)做了很多初始化的工作。在 Sprite Kit 框架中,每個場景(scene)控制 App 的一屏(screen)。找到 GameViewController.swift 文件,在 GameViewController 類里,已經(jīng)定義好了 viewDidLoad 方法,在這個方法里創(chuàng)建場景,呈現(xiàn) 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 方法,已經(jīng)定義好了 GameScene 類,在 didMove 方法中,實現(xiàn)自定義的代碼。刪除 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 框架有個指定的類來創(chuàng)建控制 sprite(精靈)(譯者注:sprite 是計算機圖形學的專有名詞,意為包含于場景中的二維圖像或動畫),就是 SKSpriteNode 類。在該節(jié)點(node)下,圖片加載完成。接下來,將圖片添加到場景中。最后,刪除 GameScene.sks 和 Action.sks 文件,目前不需要這兩個文件。

運行工程。

可以從 github 上下載 SpriteKitBackgroundTutorial 教程的源代碼。

本文由 SwiftGG 翻譯組翻譯,已經(jīng)獲得作者翻譯授權,最新文章請訪問 http://swift.gg

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 原文鏈接:https://www.ioscreator.com/tutorials/display-backgro...
    sing_crystal閱讀 1,711評論 0 0
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 15,629評論 4 61
  • 做不到全身而退 我連這個居所都待不下去
    芷妹妹閱讀 269評論 0 1
  • 世界上的我 世界上的一個我 世界上只有一個我。 感謝母親的十月懷胎,感謝父親的厚愛如山,感謝哥哥的溫柔以待,感謝奶...
    芙蕖1閱讀 382評論 1 2
  • 那拉提草原是新疆最著名的草原之一,也是世界四大草原之一的亞高山草甸植物區(qū),其位于那拉提山北坡,是發(fā)育在第三紀古洪積...
    心安處即歸途閱讀 421評論 0 0

友情鏈接更多精彩內容