Note
This is currently a work in progress and is being updated on a regular basis, it does not represent the final build
Use the button below to see the live streams of this project and how it's going during its development.
Update Build 01
below is the update video for the user login section of the UI. It allows users to create accounts to log in with as well as options to reset thier password with a secret question and answer.
Card Example Build 01
Prototype for the card layout design as well as some placeholder art work, the coloured square surroudning the creature is representing the element that it belongs to, this is to help users identify cards eaiser. This is further backed up by the cards background.
Card Build Update 02
The cards have been redesigned to be more streamlined and provided better context to users.
When viewing the card profiles list, the base card infomation is shown. If the user would like to see more infomation on the cards, they can click on the card to reveal a full scale profile dedicated to this card. This will provide more infomation to users so they can make more informed choices on how to build out their decks.
It is possible to also add a model window to the card profile section so that users can get more infomation without making any additional clicks, further increasing the accsesabilty of the UI design.
Build Update
This milestone shows the basic workings of the UI navigation panel for the main menu, how the user will navigate between the different tabs while browsing the menu. Later updates will include animations for the transitions between each section.
UMG Clipping Masks
By making use of the clipping function inside UMG, i am able to create some fluid animations. The following video shows examples of how this would work in game by reavling a panel when the user interacts with a button to reveal additional content.
Design Document PDF
This is the current plan of action for the UI.
The overall goal for this project is to build a dynamic UI system that allows for quick modifications to showcase in game events at seasonal times, without having to change a large array of the code. This UI supports the in game shop where users can "spend" money to purchase in game items as well as finding a match to play against other users (the game will be developed when the UI is in a funcitonal state).