Checkpoint 5——User Interfac

The user interface (UI) is a great connection point for connecting players. To make it easier for players to quickly learn and understand the rules of the game and use it, menus are a good place to start to get players moving in the game.

Menu

The game menu is the first customer-facing interface of the game. It contains a lot of information about the game and game Settings. I added some different buttons in this interface, such as start, set, Help, and exit. Each button is connected to another level or function tip.

UI

In every level of the game, the UI is everywhere. I put the information for collecting ingot in the upper left corner, and also the number of ingots collected. I have a pause button in the upper right corner so that the player can pause the game in the current position whenever they want.

When learning to make UI interface, I found that it was different from other software's text making area. The text is created by placing the button and corresponding text on the canvas. To keep the text and button in the same place on the game screen, I needed to make sure it was in the same place. Otherwise, when the character jumps, the text will go beyond the boundaries of the game. I remember that Lindsay also mentioned this problem in class and used this method in the production of this game.

Students Feedback

My classmate helped me to point out that there is no interface to return to the main menu in Pause Menu, so we can only go to the next level and cannot return to the original main menu level at any time. I later added the back to main menu button and associated it with code.

Further implement

Further implement ：When I create a pause Menu and want to stop the animation in all scenes by pressing the Pause Menu. I tried to write it in code before, but due to the addition of many different elements and hard to control, I finally found that Unity had a time skill that could be set the time of the virtual world to 0, so that I could achieve the desired effect better.

Reference:

All of screenshot picture from:  https://www.screentogif.com/

All of gif from:  https://www.gif.cn/