UI Adventures

I was going to make more buildings, and I did end up making a few, but I decided I wanted to experiment with the time I had left this evening. I've been curious about how to create UI in Unity for a while, as I've never tried before. It turns out, it's pretty straight-forward. I created this HUD in Aseprite. The goal was to see if the pixel style I employ in the game will work when applied to the UI as well, or if it just looks unfinished. 

I made the assets small at first. Then when I saw their actual size in the game screen I decided to scale them up. The first time I attempted this, the original image looked blurry and the pixels didn't quite line up with each other. So, I decided to do the scaling manually, in Photoshop for the character face and in Aseprite for the other elements. Overall, I'm fairly happy with the result. I'm still not entirely sure if the pixel style is the way to go. 

The UI elements I created today are for character icons. I think I may use the .hack Method and have them all the same size at the bottom, but I also have an inkling of some other ways I can do it, so I will probably experiment with those as I go forward. The spear at the top of the character's HUD is indicative of his class. The idea is that each class will have a different weapon silhouette here. Underneath the HP bar I'll have unique UI based on which elemental subclass the character currently has equipped, as each of those have self-contained mechanics. 

Overall, I'm very happy with this progress, and it was nice to make some headway outside of just re-shaping boxes for a day =.=

~Featherwalk