May 8, 2013

UI work in progress

Hey!

I though you may enjoy some work in progress screenshots as well as global steps. I'm currently creating the UI of the Zone vision and... can't stop smiling at those simple lines. :)

As I'm cleaning the code, this is no more possible to spawn structures... It will be reimplemented soon with the brand new UI. Here we go :

This is the base layout (don't pay attention to the totally spurious resolution). From left to right, we have 3 buttons to get to the panels : diplomacy, freight and research. In the center, 2 buttons are bigger. The left one is for building, the right one is for destroying (yes, you'll have to destroy structures to avoid wasting resources!). And the 3 right ones are vision buttons : galaxy, sector and region.

The base bar contains natural resources stored in the zone warehouse. In fact, this bar is the visible part of the iceberg. By clicking on a button (which is not here yet) or by typing a top secret hotkey (not defined yet), the warehouse opens and will show advanced informations :
As the content is not ready, the size may not be accurate but the idea is here. Those informations are not important all the time so hiding them in some kind of sheet under the UI was a nice idea (I guess).


The build and destroy menu opens a vertical list of actions. The build menu shows the list of available blueprints for construction. The next step is not coded yet but additionnal informations will be shown on the right side of the buttons (price, description, customization, etc...)


The destroy button shows 2 possible actions : blast or disassemble.
By blasting a structure, it will be instantly (almost) destroy it, leaving ashes and few materials. Disassembling it will take time but more resources will be gathered back.

This is all I have to show for now. What do you think about it?