Team 1 - LevelsScreenDisplay redesigned, MainMenuDisplay, buttons and in-game title fixed

[Jesseable]

Description

Team 1 will be redesigning the the level screen to fix the hitbox components. We also will be redesigning the image hitbox components for the buttons on the MainMenu screen so that they don't change sizes between hovered and unhovered. Also fix other UI bugs such as the BOX FOREST title in-game, and mismatched buttons color (old BOX FOREST green).

Progress

1. The hitbox components of the images were overlapping. In an attempt to fix this we tried redesigning the images with no additional extra space around the image. Unfortunately, this did not work. Instead, the idea to space them further apart and have the image of the characters head in the centre was created.
2. The buttons now appear blue by default from the .json file, and title has now been fixed. This means buttons from main game screen and the settings screen are no longer clashing with the rest of the game design-wise.

Milestones (all at 1600 AEST)

• [x] Goal 0 (Oct. 15th): Redesign the button positions.
• [x] Goal 1 (Oct. 16th): Insert the characters head in between them.
• [x] Goal 2 (Oct. 18th): Have the MainMenu images redesigned and inserted into the code.
• [x] Goal 3 (Oct. 19th): Fixed clashing buttons colors.
• [x] Goal 4 (Oct. 19th): Fixed title.

Members

• Dannie Cai (@aA-86)
• Jesse Graf (@Jesseable)
• Jennifer Min (@jennifer-min)
• Duong Vinh Khang Au (@Kevin-Au-Duong) (Kevin AU)
• Gabriela Nicole Nathania (@gabnicolenath)
• Jack Hirst (@37JackHirst)

[Kevin-Au-Duong]

Added new stuff done to the ticket that's related to the work that was on this ticket before.