Author Topic: Radial, Windward-like health bars  (Read 6750 times)

OnResolve

  • Guest
Radial, Windward-like health bars
« 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

Nicki

  • Global Moderator
  • Hero Member
  • *****
  • Thank You
  • -Given: 33
  • -Receive: 141
  • Posts: 1,768
    • View Profile
Re: Radial, Windward-like health bars
« Reply #1 on: April 16, 2013, 08:40:51 AM »
Look at filled sprite. You can define radial on that.

OnResolve

  • Guest
Re: Radial, Windward-like health bars
« Reply #2 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.]

broknecho

  • Newbie
  • *
  • Thank You
  • -Given: 0
  • -Receive: 0
  • Posts: 33
    • View Profile
Re: Radial, Windward-like health bars
« Reply #3 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.

OnResolve

  • Guest
Re: Radial, Windward-like health bars
« Reply #4 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

Nicki

  • Global Moderator
  • Hero Member
  • *****
  • Thank You
  • -Given: 33
  • -Receive: 141
  • Posts: 1,768
    • View Profile
Re: Radial, Windward-like health bars
« Reply #5 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.