CODEWITHSUNDEEP
objective-csprite-kitskspritenode
Phuong Ly
Phuong Ly

Reputation: 383

How to bring a SKSpriteNode to front?

How can I bring a SKSpriteNode to the front of all other node?

With UIView, I can use bringSubviewToFront to bring an uiview in front of other views.

Upvotes: 37

Views: 12032

Answers (4)

DaniChi
DaniChi

Reputation: 311

SWIFT 4
I usually create enums to establish zPositions so that I can simply manage the different layers:

enum ZPositions: Int {
    case background
    case foreground
    case player
    case otherNodes
}
  • “case background” is the lower position, it’s equal to the default position of 0;
  • “case foreground” = 1
  • “case player” = 2
  • “case other nodes” = 3

So, when you setup a new item, you can give it the zPosition simply this way:

button.zPosition = CGFloat(ZPosition.otherNodes.rawValue)

(button now has the highest zPosition)

Upvotes: 5

Fogmeister
Fogmeister

Reputation: 77631

You can't "bring it to front" but you can change the zPosition of it.

The higher the zPosition of the node the later it gets rendered.

So if you have three nodes with zPositions of -1, 0 and 1 then the -1 will appear at the back. Then the 0. Then 1 will appear at the front.

If they all use the default zPosition of 0.0 then they are rendered in the order they appear in the children array of the parent node.

You can read it all in the docs.

https://developer.apple.com/documentation/spritekit/sknode

Upvotes: 59

emido333
emido333

Reputation: 144

If you want to bring a node to the very front use this:

yourNode.zPosition = 1

or to the very back:

yourNode.zPosition = -1

or the same level as other nodes(as it's set to this value by default):

yourNode.zPosition = 0

Upvotes: 0

Graham Perks
Graham Perks

Reputation: 23390

This extension adds a bringToFront method to SKNode. This great for times when zPosition is inappropriate, and you want to rely on sibling ordering.

extension SKNode {
    func bringToFront() {
        guard let parent = parent else { return }
        removeFromParent()
        parent.addChild(self)
    }
}

`

Upvotes: 1

Related Questions