How to make a layer always to be the highest layer (z-index) ?

[weratius]

Hello, everybody.

 

I have such a problem:

 

I have two layers:

this.layers = {     profileLayer: game.add.group(),     itemsLayer: game.add.group()};

After clicking a close button I need to destroy the "profileLayer" and hide "itemsLayer"

closeProfile: function() {        closeButton.kill();        myObject.layers.profileLayer.destroy();               //these elements had been added to the "itemsLayer" before        for(var element in itemsObject.items) {

            itemsObject.items[element].cell.visible = false;

            if(itemsObject.items[element].item != null) {

                itemsObject.items[element].item.visible = false;

            }

        }

}

 

Then I need to init them again (I closed profile and I was trying to open it again), so:

       if(!this.itemsAlreadyHasBeenLoadedOnce) {            myObject.layers = {                profileLayer: game.add.group(),                itemsLayer: game.add.group()            }        } else {            myObject.layers.profileLayer = game.add.group();        }

But the "profileLayer" is set higher than itemsLayer (z-index)

 

How can I make itemsLayer to be always the highest layer?

 

Thank you in advance guys. Good luck

 

[AzraelTycka]

Hello,

 

did you try bringToTop?

[weratius]

Hello,

 

did you try bringToTop?

 

something like this ?

 

here is an error:

Uncaught TypeError: Cannot read property 'parent' of undefined

if(!this.itemsAlreadyHasBeenLoadedOnce) {            myObject.layers = {                profileLayer: game.add.group(),                itemsLayer: game.add.group()            }        } else {            myObject.layers.profileLayer = game.add.group();            myObject.layers.itemsLayer.bringToTop();        }

[AzraelTycka]

Ehm, which line is your error from, it says you are doing some operation on undefined object, so check where it is and console.log it to see what your object looks like.

[weratius]

Ehm, which line is your error from, it says you are doing some operation on undefined object, so check where it is and console.log it to see what your object looks like.

It is on the bringToTop line

[AzraelTycka]

Yeah but what your object looks like? Console tells you you are calling bringToTop on undefined object, so if it's undefined then define it.