solved Choose a canvas for GUI.AdvancedDynamicTexture

[Dad72]

Hi,

How can we choose a canvas to create the GUI?

I have two canvases and if I create an AdvancedDynamicTexture in the first canvas, I can not create one in the second one.

I think that's something missing for BABYLON.GUI

I can choose the scene on the same canvas, but not if we have several canvas.

[Pryme8]

maybe make two containers for the UI elements, and when you switch scenes change container visibility.

I think you can have only one GUI instance running.

[brianzinn]

does what was done in the demo not work (layerMask)? http://www.babylonjs.com/demos/gui/

ie:

 // Another GUI on the right
var advancedTexture = BABYLON.GUI.AdvancedDynamicTexture.CreateFullscreenUI("UI");
advancedTexture.layer.layerMask = 2;

 

[Dad72]

layer.layerMask = 2; seems to be the solution. Thanks Brianzinn

[Dad72]

In fact no, layer does not solve the problem.

It works with a single canvas, if you have more, this is the first canvas find that is used.

[mecanicus]

Is it something like this?

[Dad72]

No, I'm talking about choosing a canvas to create the GUI, in the case where we have more than one canvas on a page.

The GUI chooses the first available canvas. We can choose the scene but not the canvas.

If I create a GUI in the first canvas, I can not in the second.

[mecanicus]

Sorry i can't help you

[Wingnut]

Hi D.  When you say canvas, do you mean renderCanvas?  Each renderCanvas needs separate engine, yes?

So, GUI added with 2nd engine... is put onto 1st canvas? 

If so, strange.  Maybe I don't understand.

http://urbanproductions.com/wingy/babylon/misc/d72dualCanvasGui.zip

Two renderCanvas side-by-side... on same page.  Two engines, two scenes, two <script> elements (perhaps all that stuff is not necessary).

Seven AdvancedDynamicTextures in each scene/canvas.  Wow!   (Not sure why I did that.)    Perhaps only first one is used.

But, I tried to reproduce your issue.  I failed, so far.  This 2-canvas page seems to work properly.

Both scenes in single script?   Not allowed, I think.   See http://doc.babylonjs.com/how_to/gui#advanceddynamictexture

"Please note that only one fullscreen mode GUI is allowed per scene"  *shrug*

Thoughts?  Ideas?  Am I misunderstanding?

[Dad72]

I look at your zip and I do not understand what does not work at home since it works at you.

I will look at what can create the problem on my project.

[Dad72]

Ok, I just understood my problem. I'm really tired at the moment, it's because of a variable that I set to true when I create my GUI on my first scene, and on my second scene, the variable is also true, so the GUI is not creating.

A really stupid mistake. Thank you Wingnut, it woke me to see that it worked at you.

[Wingnut]

Excellent!  My pleasure.  I was hoping you would say this.

Sorry that you lost dev time.  Be well, party on.