Back to Skills

UI Design

The UI was designed such to be overlaid on the main game screen, using the the pause functionality to simulate a new game screen. This was to make sure that the game entities weren't loaded and unloaded each time the skill tree menu was used. The UI design created was heavily based on an equip structure, where skills can be equipped and unequipped once unlocked. The lock required greyed out versions of each skill icon. Since the image designed was only a static image, static numbers for the skill buttons were used to place the skill icons over this image.

UI Sequence Diagram