Show SpriteKit score in SwiftUI View - swiftui

Question

I am trying to make a ZStack that will overlay the Score from my SpriteKit scene. I got the following code right now, this works showing the code within the actually scene, but I wanna show it in the View
import SwiftUI
import SpriteKit
var gameScore = 0
class GameScene: SKScene, SKPhysicsContactDelegate {
let removeLabel = SKAction.sequence([SKAction.fadeIn(withDuration: 0.3), SKAction.wait(forDuration: 0.8), SKAction.fadeOut(withDuration: 0.3)])
override func sceneDidLoad() {
super.sceneDidLoad()
}
Here is the function:
// MARK: - Add Score
func addScore(){
if gameScore < 250 {
gameScore += 1
scoreLabel.text = String(format: "%06d", gameScore)
let possibleScores: Set = [10, 20, 30, 40, 50, 65, 80, 95, 110, 125, 150, 175, 200, 250]
if possibleScores.contains(gameScore) {
startNewLevel()
}
} else {
gameScore += 2
scoreLabel.text = String(format: "%06d", gameScore)
let possibleScores: Set = [10, 20, 30, 40, 50, 65, 80, 95, 110, 125, 150, 175, 200, 250]
if possibleScores.contains(gameScore) {
startNewLevel()
}
}
}
My View code looks like this:
import SwiftUI
import SpriteKit
struct PageTwo: View {
#State var gameScore = 0
var body: some View {
ZStack {
GameView()
ZStack {
Text("Score: \(gameScore)")
.foregroundColor(.white)
}
}
}
}
It is showing the Score, but not counting it, so maybe someone can tell me where I am going wrong here? This SpriteKit + SwiftUI is new to me and still not quite got it.

Answer 1

You need to use ObservableObject and a publisher for that, I looked to your codes, there is some code source missing, how ever it is an example for you:
class GameScene: SKScene, SKPhysicsContactDelegate, ObservableObject { // <<: Here 1
#Published var gameScore = 0 // <<: Here 2
let removeLabel = SKAction.sequence([SKAction.fadeIn(withDuration: 0.3), SKAction.wait(forDuration: 0.8), SKAction.fadeOut(withDuration: 0.3)])
override func sceneDidLoad() {
super.sceneDidLoad()
}
func addScore(){
if gameScore < 250 {
gameScore += 1
} else {
gameScore += 2
}
}
}
struct PageTwo: View {
#StateObject var gameScene: GameScene = GameScene() // <<: Here 3
var body: some View {
Text("Score: \(gameScene.gameScore)") // <<: Here 4
.onTapGesture {
gameScene.addScore() // <<: Here 5
}
}
}