How to create a segmented HP bar based on non-square segments?

Some properties (like fonts) cannot be modified directly. In this case it’s enough to:

since this very Add Child node returns the correct slot type already, there’s no need to cast or dig into the data struct.

As for the bar itself, should I make the segments transparent in the middle (basically just a border visible) and then just put the bar underneath or?

That’s up to you. You have 2 distinct methods:

  • use a material mask for the entire thing (no individual widget blocks - the mask makes it look as if they were there)
  • use individual blocks, each with their own material if needed; and nothing stops you from making them transparent and show what’s underneath

The latter is a good approach if you want 3/7 blocks filled rather than have 27% of the entire progress bar filled. It would be awkward to handle each bar’s percentage coverage. Although, I once made one of these where each small block was a progress bar… it worked but was a tad overengineered; that’s unless you’re after something truly uncanny. Can’t recommend.


put the bar underneath or

Perhaps I misunderstood - are you referring to the situation where you have 7 bars and 53% is filled. So one of the bars will end up half-full? If that’s the plan, I wouldn’t bother with making them separate segments and go with:

  • use a mask material for the entire thing (no individual blocks)