EQ2Interface.com
Search Downloads


Go Back   EQ2Interface > Developer Discussion > UI Developer Discussion

Reply
 
Thread Tools Search this Thread Display Modes
  #1  
Unread 03-03-2005, 11:08 AM
ger's Avatar
ger ger is offline
Steward of the Faithful
This person is a EQ2Map developer.
Interface Author - Click to view interfaces
 
Join Date: Nov 2004
Server: Antonia Bayle
Posts: 580
Default Circular progress meters, the hard way

Be very afraid of the things I decide to do to kill time at work. Very (VERY) large circular health meter as a proof of concept for circular progress bars. In order to try it out you'll need to add an include to your eq2ui_mainhud.xml for the eq2ui_mainhud_health.xml, then just /show_window MainHUD.Health. The alignment of the progress bars isn't perfect, but it's good enough to show that the idea works in practice. Enjoy!

P.S. I may, at some point, turn this into a player window mod...I've got an idea for the layout, but after doing all the math required to get this thing working right I'm in no hurry to do it again.

Edit: Special thanks to Perdition for pointing me in the right direction with the progress bar styles and Deathbane27 for helping me rid myself of the annoying overhang problem I was having.
Attached Thumbnails
Click image for larger version

Name:	progress_proof_of_concept_59.jpg
Views:	264
Size:	82.8 KB
ID:	1587  Click image for larger version

Name:	progress_proof_of_concept_83.jpg
Views:	252
Size:	82.9 KB
ID:	1588  Click image for larger version

Name:	progress_proof_of_concept_99.jpg
Views:	269
Size:	80.0 KB
ID:	1589  
Attached Files
File Type: zip progress_proof_of_concept.zip (9.4 KB, 228 views)
__________________

Last edited by ger : 03-03-2005 at 11:16 AM.
Reply With Quote
  #2  
Unread 03-03-2005, 11:38 AM
perdition's Avatar
perdition perdition is offline
A Griffon
Interface Author - Click to view interfaces
 
Join Date: Nov 2004
Server: Antonia Bayle
Posts: 217
Default

Great job

Would like to make some tests with bigger health (smaller hole in the middle)
Reply With Quote
  #3  
Unread 03-03-2005, 12:51 PM
ger's Avatar
ger ger is offline
Steward of the Faithful
This person is a EQ2Map developer.
Interface Author - Click to view interfaces
 
Join Date: Nov 2004
Server: Antonia Bayle
Posts: 580
Default

The math would be different, and you'd need more "foreground" images to block overlapping portions of the progressbars, but the theory remains the same.

For myself, my end goal is something like the mockup image attached to this message.
Attached Thumbnails
Click image for larger version

Name:	PlayerWindowMockup.jpg
Views:	333
Size:	81.6 KB
ID:	1590  
__________________
Reply With Quote
  #4  
Unread 03-03-2005, 01:12 PM
Jerry Jerry is offline
A Berserk Golem
 
Join Date: Jan 2005
Server: Antonia Bayle
Posts: 59
Default Wow!

This looks really cool!

I am impressed that you did it! I imagine this will be in high demand once it gets to looking like your mock-up!
Reply With Quote
  #5  
Unread 03-03-2005, 01:36 PM
Talyns's Avatar
Talyns Talyns is offline
A Griffon
This person is a EQ2Map developer.
Interface Author - Click to view interfaces
 
Join Date: Jul 2004
Server: Everfrost
Posts: 604
Default

Here's another proof of concept.. Empty's Differnt and doesn't use a overlay..



Install it the same way as the first post if you want to check it out..
Attached Thumbnails
Click image for larger version

Name:	circulargauges.jpg
Views:	662
Size:	64.3 KB
ID:	1591  
Attached Files
File Type: zip Circle_Gauges_NoOverlay.zip (6.9 KB, 236 views)
__________________
Talyns
Reply With Quote
  #6  
Unread 03-03-2005, 01:53 PM
ger's Avatar
ger ger is offline
Steward of the Faithful
This person is a EQ2Map developer.
Interface Author - Click to view interfaces
 
Join Date: Nov 2004
Server: Antonia Bayle
Posts: 580
Default

Ah...very interesting approach, Talyns. I was thinking of how to do it with resizable progress bars, but I think I like your approach better.
__________________
Reply With Quote
  #7  
Unread 03-03-2005, 03:16 PM
Kosmos's Avatar
Kosmos Kosmos is offline
A Griffon
Interface Author - Click to view interfaces
 
Join Date: Dec 2004
Server: Lucan DLere
Posts: 581
Default

Pretty Cool ger!

Are you using the the code for the HO's Window?

That has ciruclar progress bar also. doesn't it?
Reply With Quote
  #8  
Unread 03-03-2005, 03:30 PM
ger's Avatar
ger ger is offline
Steward of the Faithful
This person is a EQ2Map developer.
Interface Author - Click to view interfaces
 
Join Date: Nov 2004
Server: Antonia Bayle
Posts: 580
Default

Quote:
Originally Posted by Kosmos
Pretty Cool ger!

Are you using the the code for the HO's Window?

That has ciruclar progress bar also. doesn't it?
It's hard to explain in text, but I'll give it a shot. What I did was to arrange 5 progress bars in a square pattern, each one displaying a portion of its total range. So bar1 (0 degrees to -45 degrees, empties from right to left, top-left segment) displays the top 12.5% of a full health progressbar, the rest is set transparent in the DDS. Bar2 (-45 degrees to -135 degrees, empties from top to bottom, left segment) displays the next 25% of a health progressbar with the first 12.5% and the last 62.5% transparent. Bar3 (-135 degrees to -225 degrees, empties from left to right, bottom segment) displays the next 25% of a health progressbar, with the first 37.5% and the last 37.5% transparent. Bar4 (-225 degrees to -315 degrees, empties from bottom to top, right segment) displays the next 25% of a health progressbar with the first 62.5% transparent and the last 12.5% transparent. The last bar, bar5 (-315 degrees to 0 degrees, empties from right to left, top-right segment) displays the final 12.5% of a health progressbar, with the rest set transparent.

As each individual bar moves out of its own visible areas the next one moves into it, giving the illusion of one continuous bar instead of the 5 individual bars it actually is. Each bar is a rectangular area, but the masked overlay only displays a semi-circular portion of each progressbar, again giving the illusion of a single, circular progressbar.

Hope that made some kind of sense.
__________________
Reply With Quote
  #9  
Unread 03-03-2005, 03:53 PM
Drumstix42's Avatar
Drumstix42 Drumstix42 is offline
A Griffon
Featured
 
Join Date: Oct 2004
Server: Antonia Bayle
Posts: 3,287
Default

The 2nd paragraph makes most sense to me
__________________
"I'm afraid you're guilty of thought-crime. Don't bother getting the door, we'll let ourselves in..."
<Donate to DrumsUI> < [DrumsUI] Updater > < [DrumsUI] Full Interface> < Drumstix42 on Twitch.tv
>
Reply With Quote
  #10  
Unread 03-03-2005, 04:11 PM
Kosmos's Avatar
Kosmos Kosmos is offline
A Griffon
Interface Author - Click to view interfaces
 
Join Date: Dec 2004
Server: Lucan DLere
Posts: 581
Default

Quote:
Originally Posted by ger
It's hard to explain in text, but I'll give it a shot. What I did was to arrange 5 progress bars in a square pattern, each one displaying a portion of its total range. So bar1 (0 degrees to -45 degrees, empties from right to left, top-left segment) displays the top 12.5% of a full health progressbar, the rest is set transparent in the DDS. Bar2 (-45 degrees to -135 degrees, empties from top to bottom, left segment) displays the next 25% of a health progressbar with the first 12.5% and the last 62.5% transparent. Bar3 (-135 degrees to -225 degrees, empties from left to right, bottom segment) displays the next 25% of a health progressbar, with the first 37.5% and the last 37.5% transparent. Bar4 (-225 degrees to -315 degrees, empties from bottom to top, right segment) displays the next 25% of a health progressbar with the first 62.5% transparent and the last 12.5% transparent. The last bar, bar5 (-315 degrees to 0 degrees, empties from right to left, top-right segment) displays the final 12.5% of a health progressbar, with the rest set transparent.

As each individual bar moves out of its own visible areas the next one moves into it, giving the illusion of one continuous bar instead of the 5 individual bars it actually is. Each bar is a rectangular area, but the masked overlay only displays a semi-circular portion of each progressbar, again giving the illusion of a single, circular progressbar.

Hope that made some kind of sense.

Yes, I understand what you are saying.

The Heroic Oportunity window that pops up has a circular progress bar on it.
I haven't even looked to see if we even have a file for that window.
But seems like you might be able to use something in there.
That's a pretty neat idea the way you worked it thouugh.
I was thinking something like that might be possible for the compass also, but decided there was not enough demand for a round compass.

not to mention the other issues involed with that.
I'll stick to the stuff I think people can use on a daily bases.

Your a real glutten for punishment with this project!!
lol
Reply With Quote
  #11  
Unread 03-03-2005, 06:52 PM
Deathbane27's Avatar
Deathbane27 Deathbane27 is offline
aka Mook
This person is a EQ2Map developer.
Interface Author - Click to view interfaces
 
Join Date: Jul 2004
Server: Nektulos
Posts: 1,451
Default

Quote:
Originally Posted by Kosmos
The Heroic Oportunity window that pops up has a circular progress bar on it.
I haven't even looked to see if we even have a file for that window.
But seems like you might be able to use something in there.
Don't bother. The HO window doesn't use any actual progress bars, it's just a bunch of image segments with a Visible property change.
__________________
If it ain't broke, it needs more features!
Reply With Quote
Reply



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -5. The time now is 07:00 AM.


Our Network
EQInterface | EQ2Interface | WoWInterface | LoTROInterface | ESOUI | MMOUI