UI Improvements

The new update of the UI comes with command buttons and more displayed information, this is a quick update on what the focus has been the last month.

Posted by Trigger01 on February 28th, 2015
Since the interface was modernized a year ago I finally found the time to update it with more information, after finally deciding on how to do it. After many iterations and sketches, I was finally content enough to show you some of it. This is still an experiment and work-in-progress though, but one thing is clear - it will certainly not return to the old style.

Before the update


The idea behind the modernized style was to be very, very simplistic. It displayed no other details about the unit other than its health and a short (temporary) description. The plan was to show stats such as armor, speed and attack in a separate window, which of several could be opened - to easily compare stats between different unit types.

After the update


The new style shows all information instantly in a clear view, along with minor design changes such as the addition of subtle background textures instead of flat rectangles. The tooltip window also received a huge facelift, made less crude and overall much more pleasing.

To make room for the command buttons, which had not made their appearance in the game until now, the buildings were moved to a grid-based layout. I was originally critical to this, as it limits the amount of buildings by a hard-set standard. But if it comes to it I will make it either expandable or make folders possible, as it works in Warcraft and Starcraft. With this update, the icons for all units were also remade (previously they showed the 2D sprite enlarged). Eventually, the icons for buildings will also be remade although they do not feel as much of a problem.

A counter was also added to show the amount of resources, and which type the unit is carrying (if carrying any), shown below its name.

Desert theme


Here's a bonus full image showing the new desert themed visuals with two new tile-types and three tree sprites.
Full image of the new desert theme.

Command buttons


The command buttons are the biggest addition in the redesigned interface, which allows users to see descriptions and hotkeys for all available actions for the selected units. Along with this, patrolling and hold position was implemented.
Do the patrol dance!

Seen in the updated interface left to right: Move, Stop, Hold Position, Attack and Patrol.
The same system and layout will also be used for abilities in the future. With additional streamlining of actions behind the scenes, the multiplayer aspect and messages of issuing orders was also simplified and perfected.

In the next post, I'll talk about the recent improvements that were made to the development process, focused on automating and saving a lot of time - making future changes and addition to the user interface a breeze.

Leave a Comment:

Avatar

killerboxhead January 19th, 2038

good work looks great


Avatar

Glyclerem January 19th, 2038

Place the box in the center of circle. A low salt diet is also advocated asthis reduces dietary sodium excretion." As the hand comes forward with the fingers held as they are for a natural hook, the wrist is turned from right to left after the ball has passed the left foot. This game has become popular to young girls and even to those girls who are