Make SKScene fill whole screen using Swift

Question

I have the following in GameViewController.swift

class GameViewController: UIViewController {

    override func viewWillLayoutSubviews() {
        super.viewWillLayoutSubviews()
        println(self.view.frame.size)
        var skView:SKView = self.view as SKView
        if skView.scene == nil {
            skView.showsFPS = false
            skView.showsNodeCount = false

            // Create and configure the scene.
            var scene : SKScene = GameScene(size: skView.bounds.size)
            scene.scaleMode = SKSceneScaleMode.AspectFill

            // Present the scene.
            skView.presentScene(scene)
        }
    }

    override func prefersStatusBarHidden() -> Bool {
        return true
    }
}

it prints :

(320.0,480.0)

How to make the GameScene fill the whole screen instead of leaving black bands at the top and bottom of the screen?

the code in GameScene.swift

class GameScene: SKScene {
    override func didMoveToView(view: SKView) {
        /* Setup your scene here */
        var background : SKSpriteNode = SKSpriteNode (imageNamed: "background.png")
        background.position = CGPointMake(self.frame.size.width/2, self.frame.size.height/2)
        self.addChild(background)
    }
}

background.png is an image of size 640x1138

The deployment target is iOS 7.1

I am using Xcode 6.0.1 (Beta)

Did you solve this already? – Markus Rautopuro Oct 01 '14 at 10:53 — Markus Rautopuro, Oct 01 '14 at 10:53
Yes @MarkusRautopuro , I answered my question below – ielyamani Oct 01 '14 at 11:00 — ielyamani, Oct 01 '14 at 11:00

score 4 · Answer 1 · answered Oct 04 '20 at 17:56

4

Add a Launch Screen:

New File - iOS - User Interface - Launch Screen

Set the name of your new launch screen in:

Project - General - Launch Screen File

In GameViewController set

sceneNode.scaleMode = .resizeFill

answered Oct 04 '20 at 17:56

Danil Shaykhutdinov

2,027
21
26

Can you possibly explain why adding a launch screen fixes content filling for the whole app? – thedeg123 Aug 10 '21 at 19:30

score 2 · Accepted Answer · answered Sep 21 '14 at 08:06

2

I had to manually add an image set named LauchImage in the Images.xcassets.

answered Sep 21 '14 at 08:06

ielyamani

17,807
10
55
90

This reads as if you just added a file to a project folder and that solved the problem. I have the same issue and managed to solve it by adding a button in another view (absolutely no clue why that works) but I was hoping for a better solution since I don't need the button. – SuperCodeBrah Nov 08 '17 at 03:22

Donn · Answer 3 · 2014-09-19T15:51:53.437

0

You need to resize your background node to match scene.

background.size = self.frame.size

edited Sep 19 '14 at 15:51

answered Sep 19 '14 at 15:44

Donn

1,680
14
17

`scene` is a variable in `GameViewController.swift` , `background` is in `GameScene.swift` – ielyamani Sep 19 '14 at 15:48

36Boxes · Answer 4 · 2021-06-02T14:01:56.490

First go onto your Xcode project

click the .xcodeproj file

Then under deployment info there should be a checkbox that says requires full screen check this and then the whole screen should be used!

EDIT

You must also assign a launch screen it as it was full screen for me momentarily but stopped once I removed the launch screen, you can assign It just under the deployment info it is under

App Icons and Launch Images

even if you haven't created one Xcode usually creates one for you when you first make the project it should be under the name "main"

Make SKScene fill whole screen using Swift

4 Answers4