In Game UI - AleixBV/StarCraft GitHub Wiki

###Introduction

In this page you'll be able to find all the information about our in-game UI(User Interface). You'll find a huge sort of icons, resources and other elements that are part of the StarCraft UI.

###Organization

  • Main HUD
  • Resources
  • Icons
  • Wireframes
  • Cursor

###Main HUD

The main UI is the most interactable part. It interacts with the player during all the gameplay an is divided in four parts per information:

  • Minimap (Green Zone): Live image that shows all the information of the map, including units, buildings and resources. At the start, all the elements hiding in the fog of war are not shown in the minimap. Allied elements are shown in green and enemy elements are shown in red. Resources appear in blue.

  • Unit/Building properties (Yellow Zone): Shows the name of the unit/building, also its lifepoints and wireframe. If the player selects a group of units, theese are shown in this pannel and also shows the total number of units selected. This panels shows the queue of recruit, the maximum slots depend on the building.

  • Portrait (Blue Zone): This only shows the unit selected portrait. This portrait is made with 45 frames that make an animation.

  • Actions/Orders panel (Red Zone): It is a grid 3x3 where we can see all the upgrades, or recruitable units that we can produce in that building. If it's an unit we can see its abilities or powerups.

Reference of our Terran UI:

###Resources

The player can find all the information about resources or base population in the right-up corner of the screen. There's information of the minerals, the vespene gas, the current population and the maximum population.

Resources reference:

###Icons

In theese paragraphs you'll find the differents groups of icons. At the ends we only have recruit icons and build icons.

##Terran Icons

#Ground units:

  • Marines

  • Firebat

  • Medic

  • Tank

##Buildings

Command Center

Barracks

Bunker

Factory

###Wireframes

Wireframes are art elements that have helped us to improve our UI visual. With this little images we've made a live selection with at least 14 units, and they fill the building stats panel.

We are proud of our hand-made wireframe for our unique feature, the bomb (Made by our artist).

Here u can see our wireframes spritesheet (it also has not implemented units and buildings that you can find in the real Starcraft):

###Cursor

In this points you'll find the different stats of the mouse in-game:

If we organize the stats per color(of the boxes) we find that:

  • Green: Idle
  • Brown: Select position in map
  • Blue: Hover on allied entity
  • Yellow: Hover on a resource
  • Orange: Hover on an enemy

HOME