How to modify text and urls in output of GUI Editor generated snippets

Questions
,
1

I have 2 questions:

Question 1:
What is the recommended canonical way of modifying the following 4 items in the GUI editor generated output snippet

  1. The text content of the 2 text blocks
  2. The image URL
  3. The text of the button

MUC77P

I see something done in https://playground.babylonjs.com/#AJA7KA#50 that will work - but just checking if that is indeed the recommended way.

Question 2:
How can I get this snippet to appear in a Plane in the 3D scene. Do i just set the dynamic texture CreateForMesh ?

2

cc @RaananW

3

Hi!

  1. The advanced dynamic texture has a getControlByName (or ControlsByType) function. If you provide a unique name in the editor you will be able to find them, similar to the way you are filtering the Control array. So, in you want the Title element:
const title = advancedTexture.getControlByName("Title");

Same goes to all other controls. Otherwise, you can always iterate the children like you are already doing.

  1. Yep :slight_smile: . Create the plane mesh, attach the GUI to the mesh, and you are good to go, including pointer events.
4

Thanks @RaananW

1 Like