Making a SKScene's background transparent not working... is this a bug?

Question

Is there a way to make a SKScene's background transparent and present that scene over another one seeing thru the transparency.

The idea is to have the background of the presented scene like this:

self.backgroundColor = [SKColor colorWithRed:0.0f green:0.0f blue:0.0f alpha:0.5f];

what would allow to see the scene behind darken. But doing this is not working. Background is presented completely opaque.

Is there a way to do that?

Jeremy Conkin · Accepted Answer · 2014-06-30T19:54:50.303

77

In iOS 8, you can set the scene's SKView to allow transparency and set the scene's background color to have transparency. Then views behind the SKView will be seen.

UIView *parentView = ...;
[parentView addSubview:backgroundView];
[parentView addSubview:skViewWithScene];
skViewWithScene.allowsTransparency = YES;
scene.backgroundColor = [UIColor clearColor];
[skViewWithScene presentScene:scene];

edited Jun 30 '14 at 19:54

answered Jun 30 '14 at 16:02

Jeremy Conkin

1,194
11
9

6

The earlier-posted answers are still correct — SpriteKit views do not support transparency in iOS 7 and OS X v10.9 (Mavericks). Transparent `SKView`s require iOS 8 or OS X v10.10 (Yosemite). – rickster Jun 30 '14 at 16:18

score 7 · Answer 2 · answered May 13 '15 at 11:40

Transparency works only for iOS 8, have to check for iOS 7

In the ViewController set transparency as :

SKView *skView = (SKView *)self.mySKView;
SKScene *skScene = [MyScene sceneWithSize:skView.bounds.size];
skScene.scaleMode = SKSceneScaleModeAspectFill;
skView.allowsTransparency = YES;
[skView presentScene: skScene];

In MyScene.m set background as clear color:

self.scene.backgroundColor = [UIColor clearColor];

score 5 · Answer 3 · answered Jul 16 '17 at 19:27

swift 3

@IBOutlet var gameScene: SKView!

func setupGameScene(){

    if let scene = SKScene(fileNamed: "GameScene") {
        scene.scaleMode = .aspectFill
        scene.backgroundColor = .clear
        gameScene.presentScene(scene)
        gameScene.allowsTransparency = true
        gameScene.ignoresSiblingOrder = true
        gameScene.showsFPS = true
        gameScene.showsNodeCount = true
    }
}

score 2 · Answer 4 · answered Sep 20 '13 at 08:52

You can't make the scene transparent. If anything you'll want to make the view transparent.

However you can't have two scenes running at the same time (only transitioning between them), and while you can add multiple SKView to a Storyboards page only one of the views will update at full speed, they other frozen or changing contents only every couple seconds.

score 1 · Answer 5 · answered Sep 19 '13 at 17:40

1

I think that's not possible, since I tried everything as far as my knowledge goes, it keeps ignoring the alpha value.

Which is not logical since it works on top of OpenGL, but the SKView is subclassed from UIView, not from GLKView.

answered Sep 19 '13 at 17:40

Kex

776
10
22

1

SpriteKit is pretty much half cooked at this point. I am having to create a lot of controls to make it work minimally. SKLabeNodes with one line of text? Really? SKShapeNodes don't work with masks and other things. – Duck Sep 19 '13 at 17:47

Making a SKScene's background transparent not working... is this a bug?

5 Answers5

Linked