How to make part of a view controller SKScene and use both on the same screen?

Question

I try to make a view controller, where i.e top half of the screen is SKScene, and bottom half of the screen is normal scene, I mean with buttons etc. Is this possible? I created a Single View application, and I am adding some code snippets below, which is the code from viewcontroller.swift file. But it doesn't create boxes to the tapped locations and also it doesn't move as expected a free fall motion when tapped. Maybe is there an issue about that I created a Single view application rather than choosing Game application when first creating the project? Maybe Metal enable/disable needed? I am not professional, therefore just guesses.

import UIKit
import SwiftUI
import SpriteKit

class GameScene: SKScene {
    override func didMove(to view: SKView) {
        physicsBody = SKPhysicsBody(edgeLoopFrom: frame)
    }
    
override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
    guard let touch = touches.first else { return }
    let location = touch.location(in: self)
    
    let box = SKSpriteNode(color: .red, size: CGSize(width: 0.04, height: 0.04))
    box.physicsBody = SKPhysicsBody(rectangleOf: box.frame.size)
    box.position = location
    addChild(box)
}
}


class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
    if let view = self.view as! SKView? {
        if let scene = SKScene(fileNamed: "GameScene") {
            scene.scaleMode = .aspectFill
            scene.backgroundColor = .clear
            let transition = SKTransition.fade(withDuration: 1)
            view.presentScene(scene, transition: transition)
        }
        view.ignoresSiblingOrder = true
        view.showsFPS = true
        view.showsNodeCount = true
        view.allowsTransparency = true
        view.backgroundColor = UIColor.clear
    }
}
}