How to create a GUI plane with multiple textures?

Questions
1

I have some pictures. These is the basic elements of an message board.
These are the elements :
Saved Pictures.zip (1.8 MB)
The final effect :

final_20210716171446
final_202107161714461451×814 122 KB

How to combine them into a complete GUI plane?

2

@msDestiny14 should be able to help with this one :slight_smile:

4

Good Morning!

What you’re going to want to do is create plan and then you can create an advance texture for that plane.

BABYLON.GUI.AdvancedDynamicTexture.CreateForMesh(mesh);

On ADT you can add 3 images. :slight_smile:
Here are some useful links for that: The Babylon GUI | Babylon.js Documentation

1 Like
5

Thanks ! Like this ？ https://playground.babylonjs.com/#XCPP9Y#8165
And how to close button’s white border ?

6

button.thickness = 0;

https://playground.babylonjs.com/#XCPP9Y#8166

2 Likes
7

Thanks a lot !