For all Unity developers and developers-to-be, both beginners and professionals!

Report article RSS Feed This Hotbar Just Got Cool - GUI Overhaul Dev Journal

rand new CoS Hotbar revealed! It's slicker, easier to use and has a new feature you'll love!

Posted by CoS_Ethan on Dec 12th, 2012

This is a repost from City of Steam Art Dev Journa

We’ve redone our hotbar, we felt it wasn’t HOT enough (Rotten tomatoes are to your left, no, my left) and we’re going to tell you the how and why. But before we do that we’re going to show you the one we have now for the people who haven’t had the chance to play the game yet (Get access right now here!):
 

Pretty rad right? We think so anyway. The elements are from left to right: Steambike, health indicator, Block, skill hotkeys: 5 top, 5 bottom, top 5 skill bar toggle, 2 jab hotkeys, the different weapon configurations for easy switching, sheath/unsheathe weapon, steam indicator and pet.

We liked the basic concept of this configuration, but our GUI (phonetically “gooey” but it shouldn’t be as sticky) designer said that he had a plan to make it better! The current one was a little thick and sometimes got in the way of other UI elements, so our designer took on the quest to make the UI, slicker, cleaner and more streamlined and more Steampunk…  all at the same time.

And there is! From left to right the elements now are: Health indicator, 10 Skill hotkeys, 2 jab hotkeys, emotes, Steambike, pet, sheath/unsheathe weapon and steam indicator.
But wait, EMOTES??? Yes emotes! /gasp! We’ve added the button now and the actual emotes will follow very closely; it’s actually been the most highly requested social feature for a while now! We’ll keep you updated on which emotes and when they’re going to be implemented on the forums. But let me tell you, we’re all pretty /happy about it as well. (/yay, /me does victory dance)
As you can see we’ve reshuffled some of the elements, took away the block icon (you can still use Q to block though), we’ve put all 10 skill slots on a single bar and made the weapon configuration switcher a floating element.

We’re really curious about what you guys think, so please let us know in the topic!

Also, to tease you a little, we’re thinking of changing some of the other UI elements in the game in line with this style, so more saved screen-space, more awesome Steampunk styling and better readability! What would you like to see?

Post comment Comments
TeH_n00b_GaMeR
TeH_n00b_GaMeR Dec 12 2012, 4:27am says:

the original wasnt bad at all but this is even better.

+2 votes     reply to comment
Reactorcore
Reactorcore Dec 12 2012, 8:53am says:

What system did you use to create this GUI and where did you learn it? Being a developer myself, there are multiple ways of doing your GUI in Unity, but some options are either a bad idea (like current OnGUI, since it will become obsolete soon) or severely limited or even broken.

Care to share what method did you create your GUI in Unity? Would be much appreciated.

+1 vote     reply to comment
CoS_Ethan
CoS_Ethan Dec 12 2012, 10:43pm replied:

Hi, the GUI was actually designed and put together in Photoshop first, then implemented in Unity.

+1 vote     reply to comment
Reactorcore
Reactorcore Dec 13 2012, 3:23am replied:

Implemented in what way? Is it based on OnGUI, NGUI, a custom solution? The technical the part I'm most curious about.

+1 vote     reply to comment
Guest
Guest Apr 6 2013, 4:14pm says:

This comment is currently awaiting admin approval, join now to view.

Post a Comment
click to sign in

You are not logged in, your comment will be anonymous unless you join the community today (totally free - or sign in with your social account on the right) which we encourage all contributors to do.

2000 characters limit; HTML formatting and smileys are not supported - text only

Established
Oct 31, 2010
Privacy
Public
Subscription
Open to all members
Homepage
Unity3d.com
Contact
Send Message
Email
Members Only
Membership
Join this group
Group Watch
Track this group
News
Browse
News
Report Abuse
Report article
Related Games
Related Engines
Unity
Unity Commercial Released May 30, 2005
Related Groups
Indie Devs
Indie Devs Hobbies & Interests group with 1,105 members
Indie Gamers
Indie Gamers Hobbies & Interests group with 295 members
Indie Online Games
Indie Online Games Hobbies & Interests group
IndieVault
IndieVault Hobbies & Interests group with 74 members
Mechanist Games
Mechanist Games Developer with 2 members
PC Gamers
PC Gamers Hardware & Tech group with 636 members
R2Games
R2Games Publisher
Unity devs
Unity devs Hobbies & Interests group with 1,206 members