Tasharen Entertainment Forum

Support => NGUI 3 Support => Topic started by: OnResolve on April 16, 2013, 07:55:06 AM

Title: Radial, Windward-like health bars
Post by: OnResolve on April 16, 2013, 07:55:06 AM
Hello,

I'm in progress with making a multiplayer game, of which remote players have a simple horizontal health bar (Completed) and the local client is to have large radial health and mana bars surrounding the player's avatar much like the UI bars of Windward.  I've played around a bit with a UISlider that's recognized as vertical (and rotated the sprites to match), but I'm not sure how ArenMook is getting that curved look.

I'm really no artist, so I'm hoping it comes does more to programming, though I fear I may not be so lucky.

Thanks
Title: Re: Radial, Windward-like health bars
Post by: Nicki on April 16, 2013, 08:40:51 AM
Look at filled sprite. You can define radial on that.
Title: Re: Radial, Windward-like health bars
Post by: OnResolve on April 16, 2013, 08:59:28 AM
Thanks for the response. I did see that, but it appears to be full radial, i.e a circle. I know that sounds...stupid, but what I'm looking for is the arched, semi-circle ones like in this video:


http://www.youtube.com/watch?feature=player_embedded&v=fUaU7faCoZI


[Note, maybe radial isn't the right word, but when there's two bars on each side, it looks radial to me, and I thought that was what it was called.]
Title: Re: Radial, Windward-like health bars
Post by: broknecho on April 16, 2013, 09:11:58 AM
Technically because that bar is about 30% of a full circle, you could make a circle that would be 100% of that (it would be probably be 3-4 times the size of the boat in this example).  Then just constraint the radial fill to that 30% area.

OR

Looking at it more, it kinda just looks like a vertical fill on a sprite that is curved.  That is probably the easiest.
Title: Re: Radial, Windward-like health bars
Post by: OnResolve on April 16, 2013, 10:34:44 AM
I think you're right on the second one.  My existing hang up is, again because I'm no artist, is if I look at the example slider background, is a square that gets manipulated but I'm wondering to I just make a small, slight curve one, or since it is curved, if I need the actual size (which doesn't seem flexible to me)?

I'm sure this might seem obvious to an artist
Title: Re: Radial, Windward-like health bars
Post by: Nicki on April 16, 2013, 11:55:40 AM
It's just a picture that's curved. You use a fill sprite like a regular slider on it.