Chief Posted June 20, 2012 Author Share Posted June 20, 2012 So, I've been mulling over an idea; an HTML5 game that I am looking to do in the near future.Long story short, I decided to work out the UI now, as its probably the simplest part of this whole thing.What I have so far:![](http://localhostr.com/file/oYVfLjny4LXz/UI-mockup.png)My issue is on the "mana" bar. Where should it go, and how should I display it? I would like to do something more on the side of original, and try to stay away from conventional, horizontal bars. I am alright with one for my experience bar, though.I am pretty happy with the feel of the health bar, but I don't wanna do the mana the same way, even though it would fit mirror opposite.Suggestions? Link to comment Share on other sites More sharing options...
Marsh Posted June 20, 2012 Share Posted June 20, 2012 I was going to suggest just adding the mana bar the same way but i see your against that. Think it would look pretty good. Other then that you could have it ontop of below the exp bar i suppose. Or maybe that grey ring around the avatar could be the mana. Link to comment Share on other sites More sharing options...
Chief Posted June 20, 2012 Author Share Posted June 20, 2012 @â€Ââ€Ââ€ÂMarsh:> Or maybe that grey ring around the avatar could be the mana.I really like this idea. I'll play around with it. Link to comment Share on other sites More sharing options...
Fuu Posted June 20, 2012 Share Posted June 20, 2012 Inspired by Kingdom Hearts?Actually, I was doing something like this also, but a bit different. Link to comment Share on other sites More sharing options...
luriok Posted June 20, 2012 Share Posted June 20, 2012 If the ring idea doesnt work you could add a vial shape or a smaller circle to the other side and Havana mana in there, it would resemble a mana pot of sorts. Anyways best of luck chief. Link to comment Share on other sites More sharing options...
Lukin Posted June 20, 2012 Share Posted June 20, 2012 Just an idea: ![](http://i377.photobucket.com/albums/oo216/LukinT1/UI-mockup.png) Link to comment Share on other sites More sharing options...
Owen F Posted June 20, 2012 Share Posted June 20, 2012 How about make the mana like the hp bar and go around the other side of the circle.The level could be displayed just under the avatar, still inside the circle, or in a little curved-edged rectangle kind of thing.Hard to explain, hope you know what I mean. Link to comment Share on other sites More sharing options...
Joost Posted June 20, 2012 Share Posted June 20, 2012 I'd perhaps switch MP and HP around, seems like the MP bar'd be easier to keep track of during fights atm. Link to comment Share on other sites More sharing options...
Chief Posted June 20, 2012 Author Share Posted June 20, 2012 @NotFuu:> Inspired by Kingdom Hearts?Ew, no. I see that its similar, but Kingdom Hearts is terrible.What I'm gonna do is mix what Marshy suggested with what I said I didnt want to do. I think I can make it look good. Link to comment Share on other sites More sharing options...
Whackeddie99 Posted June 20, 2012 Share Posted June 20, 2012 @â€Ââ€Ââ€ÂMarsh:> I was going to suggest just adding the mana bar the same way but i see your against that. Think it would look pretty good.do this Link to comment Share on other sites More sharing options...
Chief Posted June 21, 2012 Author Share Posted June 21, 2012 @Whack:> do thisFlip off, wanker Link to comment Share on other sites More sharing options...
bluefroggy09 Posted June 21, 2012 Share Posted June 21, 2012 @Dolan:> Ew, no. I see that its similar, but Kingdom Hearts is terrible.> > What I'm gonna do is mix what Marshy suggested with what I said I didnt want to do. I think I can make it look good.Kingdom Hearts was an instant classic, I'd hardly call it terrible. Link to comment Share on other sites More sharing options...
Chief Posted June 21, 2012 Author Share Posted June 21, 2012 @bluefroggy09:> Kingdom Hearts was an instant classic, I'm a herpderpMario was an instant classic. Croc was an instant classic. Rayman (The first one) was an instant classic. Hell, Spyro was somewhat a classic.Kingdom hearts = not a classic. Ever. Link to comment Share on other sites More sharing options...
bluefroggy09 Posted June 21, 2012 Share Posted June 21, 2012 On a more serious note, without being trolled by butt hurt people.I like Lukin's idea and concept of where things should go.Dolan, I like the color scheme chosen for this HUD.Hopefully this turns out well and is decided on to be ergonomic and easy to look at.HUD still reminds me of Kingdom Hearts ;) Link to comment Share on other sites More sharing options...
Socuine Posted July 16, 2012 Share Posted July 16, 2012 I love the structure, very nice output. Love to see the result when you polished it. Link to comment Share on other sites More sharing options...
mrmiguu Posted July 16, 2012 Share Posted July 16, 2012 I like Lukin's. Putting the MP in the grey around the avatar will kill the space separating the avatar's bubble from other objects on the HUD. It might end up looking too cluttered. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now