昨天我們介紹完SpriteKit的座標系統後,今天就來利用SwiftUI+SpriteKit設計一個小遊戲吧!
首先,你必須要新增一個SwiftUI App!
接著,在App內新增一個SpriteKit Scene檔案
點開SpriteKit Scene的檔案後,可以按右上角的+號新增SpriteKit元件
拉的方法跟ViewController拉元件時一模一樣
因為我們要做的是Doodle Jump小遊戲,所以可以上網找圖包讓你的小遊戲比較美觀,這邊推薦一個不錯的免費圖包素材網站
https://opengameart.org/
我的圖包就是在上面找的~
拉完開始畫面後,我們要在ContentView.swift裡將起始畫面設為你新增的SpriteKit Scene檔案
記得要先import SpriteKit
import SpriteKit
為了怕元件被螢幕邊緣的圓角切到和時間電量擋住,SwiftUI畫面裡的元件預設會被安置在SafeArea內,所以可以ignoresSafeArea()來設定全螢幕畫面
struct ContentView: View {
let startScene = StartScene(fileNamed: "StartScene")!
var body: some View {
SpriteView(scene: startScene).ignoresSafeArea()
}
}
如此一來就能成功完成你的開始遊戲畫面囉!
明天開始我們就來實作遊戲畫面吧!