Solved How do I make the HUD look like the mockup?

Question that is answered or resolved.
HUD mockup.png

I'm looking to make the HUD in openbor's "levels.txt" to look like this mockup i made, any exact offsets? The borders around the life and mp bars are meant to be the player's "icon" file, a la BOR Remix 3: AOF. I'm not gonna use the timer and hide the enemy lifebar until there's a bossfight.
 
Solution
Through the power of guesswork, i managed to do it. took a few tries adjusting the lifebars and stock and the name/score is just a pixel off but it looks perfectly fine.



View attachment 13217

That works, but you don't have to use 100% guesswork. next time, make use of your image editor. You'll need to adjust by a pixel or two usually, but it will get you 99% there:

1767932355012.png

Also never thought I would see the blank template I made actually used in a working project. Be kind, those are all original assets - I spent almost 20 minutes on them! :P

DC
View attachment 13211

I'm looking to make the HUD in openbor's "levels.txt" to look like this mockup i made, any exact offsets? The borders around the life and mp bars are meant to be the player's "icon" file, a la BOR Remix 3: AOF. I'm not gonna use the timer and hide the enemy lifebar until there's a bossfight.

There's no special trick making huds like this. Read the documentation, count pixels, and set it up.

That said, you can't do that exactly as designed with with native HUDs. The angle is too sharp, and the fill bar will always overflow by a pixel when full. You'll either need to draw your gauges with a script, or modify the bezel design a little to cover the fill.

1767927471665.png

DC
 
Through the power of guesswork, i managed to do it. took a few tries adjusting the lifebars and stock and the name/score is just a pixel off but it looks perfectly fine.



View attachment 13217

That works, but you don't have to use 100% guesswork. next time, make use of your image editor. You'll need to adjust by a pixel or two usually, but it will get you 99% there:

1767932355012.png

Also never thought I would see the blank template I made actually used in a working project. Be kind, those are all original assets - I spent almost 20 minutes on them! :P

DC
 
Solution
That works, but you don't have to use 100% guesswork. next time, make use of your image editor. You'll need to adjust by a pixel or two usually, but it will get you 99% there:

View attachment 13218

Also never thought I would see the blank template I made actually used in a working project. Be kind, those are all original assets - I spent almost 20 minutes on them :P

DC
I'm using the final version of 3.0, i just needed a boilerplate that wasn't full of crap like OzGames' template or any of my old, abandoned projects i never even got to making .pak files of
 
Back
Top Bottom