Polish the Menu UI

[Morxemplum]

I really gotta give credit to Ivory Duke for being able to pull off the UI change. He did a good job at it and I probably wouldn't have been able to have done it myself. However, I want to continue working on the UI where he left off. Making the UI change was a good chunk of progress, but I think it needs some more polish.

This is the first BIG issue that I will be working on. The issues that I have been working on prior have been fairly small issues and I feel like that I am capable of doing something more. This is going to be that first big update. This is so big that this will take multiple PRs to accomplish, and will span throughout multiple updates. I also may not be the only person who will tackle this issue.

The things that this issue requests will range from minor improvements to adding new features to the game entirely. Of course, below is an entire checklist of all the new things I want to do to try and incorporate into the new UI to try and polish it. At the end of the checklist, there is a screenshot of a prototype of the level selection menu if everything were to be incorporated into it.

More things may be added or may be discarded.

General

• Incorporate a customly made font specifically for Open Hexagon
  • Create the font
  • Readjust the UI to work with the new font (It's a little bigger than Forced Square)
  • Add the actual editing files onto Github to make it expandable
• Create a language table for all labels to refer from (To ready the game for translations)
• Improve the overall drawing of the polygon and the background to reflect more of what the actual level will look like
• Add full mouse support
  • Add a cursor into the game
  • Make current buttons clickable.
  • Ensure control with a mouse and keyboard are interchangeable
  • Get clickable buttons that accomplish keyboard features (More specific tasks are in each respective section)

Level Selection

Level Information (Left Hand Side)

• Remove the built-in leaderboards from the side and have it be on it's own separate page (Keyboard users can access by pressing Tab)
• Remove the pack information section. It's redundant.
• Add a button that allows the player to view a replay of their personal best (if it is available)
• Add a slider for the difficulty multipliers as a better visual aid
  • Have the bar slide in fraction to the highest difficulty multiplier offered
  • Add "-" and "+" buttons for a mouse to click on (Part of Mouse Support)
  • If no custom difficulty multipliers are available, hide the difficulty section completely.
• Shift Personal Best to be above the music information

Leaderboards

• Sort users by their highest score on the level (Time Survived, or another scoring method set by the developer)
• Have it refer to their current Steam username. Display the username they registered with.
• Be able to watch a replay of their score

Level Wheel (Right Hand Side)

• Make scrolling look smoother through animation
• Add additional depth to the level wheel
• Add basic music information to each level (Song name - Author)
• Add indicators of when a level is favorited
• Have unselectable levels grayed out and cannot be played.

Other Features

• Incorporate a Tags System
  • Have the first 3 tags show up on the Level Wheel
  • Show all level tags on the Level Information area, between the level title and description.
  • Have certain tags display in certain colors. Have a default color for all tags
• Have the level music play in the menu before you select the level

Main Menu

• Rearrange info to be all on the right hand side

Settings

• Expand out settings to take the entirety of the left hand side screen
• Add headers to settings to better label settings
• Reconfigure some settings to be interactable with a cursor (Part of Mouse Support)
• In events the settings become too large, add a scroll bar

Here's what Level Selection should look like after all modifications

[Morxemplum]

@SuperV1234 Considering that you are working your way to adding online leaderboards, there are definitely a few things in this issue that you should take into consideration, as they will be very useful to what you're accomplishing.

[Morxemplum]

Vee seems to be doing work at adding mouse support. I checked off "Clickable buttons" because the level selection and main menus now have clickable buttons. Settings is it's own separate thing (because it still doesn't have mouse support yet), so it doesn't count.

[Ena-Shepherd]

Random selection button ? (shuffle mode)

• When that button is clicked a random level is selected.
• The button does not launch the level
• If you don't want to play the selected level, push the button again