Something weird with GUI Text node (SOLVED)

Hi, I’m new to Defold. While trying to make my game I got something quite strange.
If I add a Text node, the Text showing on top while the root node staying behind.

Please see the clip for more details

Here is my GUI setup

I really don’t understand how the GUI text nodes render.
Is it normal when text nodes always display on the top, leaving box nodes behind?

I attached a testing source hopefully somebody will help me understand this headache…
Mobile game.zip (573.2 KB)

Are you using the builtin font? That is intended for debugging and has a custom material which renders on top of everything.

Compare this:
image

To this:
image

Create a new font and apply a font material, this should resolve the issue.

This is very confusing and there is an issue to improve this:

3 Likes

Thanks, it help me understand a little bit more.
I used the system font for testing and that’s exactly the cause.

1 Like