Now that we have the framework in place, let's go ahead and complete each section individually. I would like to start with the PanelCharacterInfo.
From a design point of view, the panel that will contain the visual components for the character is not going to be very complex. The panel will consist of five images.
The main image will be used to hold an avatar of the character. The other four images will be used to display the health and mana of the character. Since these values are going to be displayed in a bar format, we are using two images for each item. One of the images is going to host the border, and the other the representation of the actual value.
To come up with the images, I am going to use external ...