Does anyone know how I could make a health bar UI that looks similar to the one in borderlands 2? (Sorry for the low quality image I had to resize it because it was very small)
Not exactly a master with UI design, but I was feeling a little creative, so I decided to quickly made a bit of a rough example for you here:
This was created entirely by Frames for the health and shield bars, ImageLabels for the icons beside them and TextLabels that indicate the amount of health and shields left. The icons were placeholders that I just found on the Roblox Library and the “professional” look can be introduced through the use of textures (the hexagonal pattern on the shields).
This could be a lot more advanced and even have the slopes on the side, but I just wanted to show you an example that would be much easier to work with, especially for scripting. The rest is up to you.
Yeah that helps a ton! I’m just not sure how exactly I could do the hexagon pattern because I tried that earlier with an imagelabel on top of the health bar but I set both the health bar itself and the image labels size to Scale but on some devices they ever so slightly misallign
If you place the ImageLabels inside of the “Health” and “Shield” frames then you should be able to set the size to {1, 0}, {1, 0} for it to perfectly align even when the screen changes size.
Also, another tip is to change the SizeConstraint of each UI to either Relative XX or Relative YY to prevent stretching on other devices.