0 votes

I am following the tutorial Design the GUI and I'm getting weird results when adding the health bar to the Bar container.

This is before I add the life bar background to the Under slot of the TextureProgress node:


This is after I add the image:


As you can see, the 10 jumps down which looks like it is adding some weird margin.

Any ideas on what the issue could be?

in Engine by (19 points)
edited by

The images are not shown, you need to use an external image host and add the link here.

I fixed the image links (they were posted but the markup was incorrect), they should be visible now.

1 Answer

0 votes
Best answer

I figured this out.

It's because the life bar background is 53 pixels and the HP box was 40 pixels.

I had to realign the HP texture to make it look right.

I also had to set the GUI container to Layout > Top Wide in order for the GUI to show how the tutorial looked.

by (19 points)
Welcome to Godot Engine Q&A, where you can ask questions and receive answers from other members of the community.

Please make sure to read Frequently asked questions and How to use this Q&A? before posting your first questions.
Social login is currently unavailable. If you've previously logged in with a Facebook or GitHub account, use the I forgot my password link in the login box to set a password for your account. If you still can't access your account, send an email to [email protected] with your username.