Thread Tools Display Modes
06-04-09, 08:42 PM   #1
havoxx
A Chromatic Dragonspawn
 
havoxx's Avatar
AddOn Author - Click to view addons
Join Date: Sep 2008
Posts: 152
Hehe, HUD design

So, in the spirit of me wanting to push my skills further, I present to you, my WIP HUD layout, It's only one bar right now, the target health/player mana bar, however, it was merely for a proof of concept, needless to say, I'm thrilled about the fact that I was able to make it work, and fill properly.

Check the video in xfire . http://www.xfire.com/video/c990d/
Attached Thumbnails
Click image for larger version

Name:	WoWScrnShot_060409_224128.jpg
Views:	732
Size:	400.1 KB
ID:	2807  Click image for larger version

Name:	WoWScrnShot_060409_224203.jpg
Views:	682
Size:	392.2 KB
ID:	2808  
 
06-04-09, 08:44 PM   #2
MidgetMage55
Grinch!
 
MidgetMage55's Avatar
AddOn Author - Click to view addons
Join Date: Feb 2007
Posts: 1,498
Very nice. Might have to pick your brains one day on how to do it. =)
__________________

I think Hong Kong Phooey was a ninja AND a pirate. That was just too much awesome. - Yhor
 
06-04-09, 08:48 PM   #3
Depresjon
A Chromatic Dragonspawn
 
Depresjon's Avatar
AddOn Author - Click to view addons
Join Date: May 2009
Posts: 191
*Bow for the master.
Dude,that's awesome.
__________________
 
06-04-09, 09:04 PM   #4
neuralassassin
A Scalebane Royal Guard
 
neuralassassin's Avatar
Join Date: Sep 2008
Posts: 423
keep rolling out those designs man your making so many of us extremely happy nUI users
__________________

 
06-04-09, 09:51 PM   #5
havoxx
A Chromatic Dragonspawn
 
havoxx's Avatar
AddOn Author - Click to view addons
Join Date: Sep 2008
Posts: 152
Originally Posted by neuralassassin View Post
keep rolling out those designs man your making so many of us extremely happy nUI users
Just cuz I like ya Still haven't done the right side And it still needs some fine tuning of course, I have to adjust the size of the bars, and move the text
Attached Thumbnails
Click image for larger version

Name:	WoWScrnShot_060409_235026.jpg
Views:	667
Size:	414.3 KB
ID:	2809  

Last edited by havoxx : 06-04-09 at 09:58 PM.
 
06-04-09, 10:27 PM   #6
voodoodad
Large, Friendly Letters!
 
voodoodad's Avatar
Join Date: Oct 2008
Posts: 1,632
Two words. AWE. SOME! (I couldn't put the whole thing together again, don't want your head to explode)
__________________

~ no need to make the message completely obnoxious - Cairenn
 
06-04-09, 10:34 PM   #7
havoxx
A Chromatic Dragonspawn
 
havoxx's Avatar
AddOn Author - Click to view addons
Join Date: Sep 2008
Posts: 152
Originally Posted by voodoodad View Post
Two words. AWE. SOME! (I couldn't put the whole thing together again, don't want your head to explode)
Lol, I appreciate it , I got everything in the right place now, just have to move the text.
Attached Thumbnails
Click image for larger version

Name:	WoWScrnShot_060509_003349.jpg
Views:	621
Size:	382.8 KB
ID:	2810  Click image for larger version

Name:	WoWScrnShot_060509_003354.jpg
Views:	627
Size:	384.9 KB
ID:	2811  
 
06-04-09, 11:57 PM   #8
havoxx
A Chromatic Dragonspawn
 
havoxx's Avatar
AddOn Author - Click to view addons
Join Date: Sep 2008
Posts: 152
Here it is with the player and target of target text fixed, I'm tired , so no pet/target done yet.

If all goes well, this will be an entire skin package by the way, HUD and all, I may even redo some other textures New bag bar anyone?
Attached Thumbnails
Click image for larger version

Name:	WoWScrnShot_060509_015504.jpg
Views:	638
Size:	429.2 KB
ID:	2812  
 
06-04-09, 11:59 PM   #9
Xrystal
nUI Maintainer
 
Xrystal's Avatar
Premium Member
AddOn Author - Click to view addons
Join Date: Feb 2006
Posts: 5,877
Absolutely brilliant I'm still racking my brain for ideas ready for when Scott releases the whole layout engine
__________________
 
06-05-09, 09:33 AM   #10
havoxx
A Chromatic Dragonspawn
 
havoxx's Avatar
AddOn Author - Click to view addons
Join Date: Sep 2008
Posts: 152
Originally Posted by Xrystal View Post
Absolutely brilliant I'm still racking my brain for ideas ready for when Scott releases the whole layout engine
Heh, here is the completed health/power text, I will be including textless and texted, I figured out how to modify the textless hud to be able to package it .
Attached Thumbnails
Click image for larger version

Name:	WoWScrnShot_060509_113156.jpg
Views:	623
Size:	321.5 KB
ID:	2813  
 
06-05-09, 10:36 AM   #11
spiel2001
nUI's Author
 
spiel2001's Avatar
AddOn Author - Click to view addons
Join Date: Jun 2008
Posts: 7,724
Just a thought... but the two "leaning" tribals with the the two vertical tribals on either side of them is making my CDO itch.

What happens if you rearrange it a bit so there is one large bar for the player with a small vertical bar to its outside for the player's pet/vehicle and then a small gap before repeating the same pairing for the target and ToT... so you get something like this...

Code:
 
               \    \                         /    /
               |\   |\                       /|   /|
               | \  | \                     / |  / |

pet-player   ToT-target                   target-ToT  player-pet
 
__________________

What people don't get is that I am, ultimately, an artist at heart.
My brush has two colors, 1 and 0, and my canvas is made of silicon.



Official nUI Web Site: http://www.nUIaddon.com
Official nUI Support Forum: http://forums.nUIaddon.com
My day job: http://www.presidio.com/

Last edited by spiel2001 : 06-05-09 at 10:40 AM.
 
06-05-09, 04:06 PM   #12
havoxx
A Chromatic Dragonspawn
 
havoxx's Avatar
AddOn Author - Click to view addons
Join Date: Sep 2008
Posts: 152
Originally Posted by spiel2001 View Post
Just a thought... but the two "leaning" tribals with the the two vertical tribals on either side of them is making my CDO itch.

What happens if you rearrange it a bit so there is one large bar for the player with a small vertical bar to its outside for the player's pet/vehicle and then a small gap before repeating the same pairing for the target and ToT... so you get something like this...

Code:
 
               \    \                         /    /
               |\   |\                       /|   /|
               | \  | \                     / |  / |

pet-player   ToT-target                   target-ToT  player-pet
 

You mean something along these lines? I can change to whatever tribal design I want now, honestly, after figuring it out, it's easy as sin, just a matter of changing the overlay to fit the size of the new texture, in any case, let me know if this is what you are going for.


After making that second one, I may scrap the first design altogether , the poorly scalable tribal design makes it look skewed and distorted.


Oh yea, since I may need a little bit more space, this is the proper line to edit right?

Code:
options =
			{
				enabled  = true,
				height   = 600,
				width    = 300,
				inset    = 0,
				strata   = nil,
				level    = nil,



I was thinking up another idea as well, making one tribal act as both player and pet health, in essence, filling one side, or one half with player health, and the other with pet health, I see it possible in that second render, use the top portion as the player, and bottom as pet.
Attached Thumbnails
Click image for larger version

Name:	Test.PNG
Views:	593
Size:	36.2 KB
ID:	2817  Click image for larger version

Name:	Test2.PNG
Views:	598
Size:	32.5 KB
ID:	2818  

Last edited by havoxx : 06-05-09 at 04:15 PM.
 
06-05-09, 05:06 PM   #13
spiel2001
nUI's Author
 
spiel2001's Avatar
AddOn Author - Click to view addons
Join Date: Jun 2008
Posts: 7,724
Yeah -- the first one was what I was talking about and the second one is really nice.

EDIT: oops... sorry... forgot the other question... that looks like the correct place, yes. And, yeah, once you realize how the HUD bars work, it really is very easy to make happen... you can really get creative with the HUD art.
__________________

What people don't get is that I am, ultimately, an artist at heart.
My brush has two colors, 1 and 0, and my canvas is made of silicon.



Official nUI Web Site: http://www.nUIaddon.com
Official nUI Support Forum: http://forums.nUIaddon.com
My day job: http://www.presidio.com/
 
06-05-09, 05:28 PM   #14
neuralassassin
A Scalebane Royal Guard
 
neuralassassin's Avatar
Join Date: Sep 2008
Posts: 423
mmmm im drooling release soon please
__________________

 
06-05-09, 05:37 PM   #15
havoxx
A Chromatic Dragonspawn
 
havoxx's Avatar
AddOn Author - Click to view addons
Join Date: Sep 2008
Posts: 152
Originally Posted by neuralassassin View Post
mmmm im drooling release soon please
Heh, after thinking for sometime during the massive thunderstorm here, I've decided to scrap it, and go for 3 cleaner bars, one for player, one for pet, one for target, target of target will be a smaller version of one of them, but essentially, player and pet will have one bar that will fill two sides of a texture, here, let me show you what I mean.

Just for reference, I do have both texted and textless version of the hud packaged already , but Spiel sparked some more creativity .

That sort of M deal, in between them, that may not stay, though, if I can figure out how to make it it's own texture, it can, but if now, I don't want it to be filling with mana/health/focus
Attached Thumbnails
Click image for larger version

Name:	Testing3.PNG
Views:	589
Size:	109.2 KB
ID:	2820  

Last edited by havoxx : 06-05-09 at 05:39 PM.
 
06-05-09, 05:40 PM   #16
spiel2001
nUI's Author
 
spiel2001's Avatar
AddOn Author - Click to view addons
Join Date: Jun 2008
Posts: 7,724
That's nice... note, too, you can make the power bar at the bottom shrink toward the top of the power bar so both bars shrink toward each other in the center of the tribal.

EDIT: You can fix the "M" by making it part of the bar overlay instead of the bar itself... that's how I get the frames around the HUD bars that don't shrink with the bar.
__________________

What people don't get is that I am, ultimately, an artist at heart.
My brush has two colors, 1 and 0, and my canvas is made of silicon.



Official nUI Web Site: http://www.nUIaddon.com
Official nUI Support Forum: http://forums.nUIaddon.com
My day job: http://www.presidio.com/
 
06-05-09, 05:43 PM   #17
havoxx
A Chromatic Dragonspawn
 
havoxx's Avatar
AddOn Author - Click to view addons
Join Date: Sep 2008
Posts: 152
Originally Posted by spiel2001 View Post
That's nice... note, too, you can make the power bar at the bottom shrink toward the top of the power bar so both bars shrink toward each other in the center of the tribal.

EDIT: You can fix the "M" by making it part of the bar overlay instead of the bar itself... that's how I get the frames around the HUD bars that don't shrink with the bar.
Hah, that sounds cool, what would the be, flipping the min and max offsets?
 
06-05-09, 06:02 PM   #18
spiel2001
nUI's Author
 
spiel2001's Avatar
AddOn Author - Click to view addons
Join Date: Jun 2008
Posts: 7,724
Nope... just change orient = "BOTTOM" to orient = "TOP" for the bar = {} section of the power bar.
__________________

What people don't get is that I am, ultimately, an artist at heart.
My brush has two colors, 1 and 0, and my canvas is made of silicon.



Official nUI Web Site: http://www.nUIaddon.com
Official nUI Support Forum: http://forums.nUIaddon.com
My day job: http://www.presidio.com/
 
06-05-09, 06:09 PM   #19
havoxx
A Chromatic Dragonspawn
 
havoxx's Avatar
AddOn Author - Click to view addons
Join Date: Sep 2008
Posts: 152
Originally Posted by spiel2001 View Post
Nope... just change orient = "BOTTOM" to orient = "TOP" for the bar = {} section of the power bar.
Ah, cool, thanks
 
06-05-09, 07:11 PM   #20
havoxx
A Chromatic Dragonspawn
 
havoxx's Avatar
AddOn Author - Click to view addons
Join Date: Sep 2008
Posts: 152
Originally Posted by spiel2001 View Post
Nope... just change orient = "BOTTOM" to orient = "TOP" for the bar = {} section of the power bar.
Hmm, I tried that, it gives me this... It blanks out the HUD selection, and gives this error.
Attached Thumbnails
Click image for larger version

Name:	WoWScrnShot_060509_211008.jpg
Views:	627
Size:	263.0 KB
ID:	2826  
 
 

WoWInterface » Featured Projects » nUI, MozzFullWorldMap and PartySpotter » Customization » nUI: Customizing Layouts » Hehe, HUD design

Thread Tools
Display Modes

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