To make the Main Menu Widget I had to make a new game mode called MMGameMode. I then created a new level for the Main Menu. I duplicated the first level and renamed it MainMenu. I then deleted a lot of assets that the camera would not pick up to reduce memory. I then added a player start and used the pilot mode to move the player start into the position that I wanted the main menu view to be.

I then created the widget that the player would see when they boot up the game. I made the Logo and tire tracks in Photoshop. I then added buttons to the widget to allow the player to navigate through the game. I made buttons based on the Level Select, Credits, Controls, and the quit game.

I then went into the graph editor for the widget and made the Quit Game button quit the player from the game. I then made the Level select open the Level select widget. The Controls button opens up the Controls Widget. The Credits Widget opens the Credits Widget. I made sure all the buttons had the appropriate Anchors.


For the Level Select I made a new widget that can be accessed from the main menu. I created 3 buttons. I made 2 buttons open up the different levels and another button for going back to the Main Menu.



For the Pause Menu, I created a new widget that pauses the game and applies the pause menu Widget. I then created buttons that take you to the Controls page, Restart level, to the main menu, and quit game.




I created 2 versions of the pause widget that have a different reset. The reset button resets the map that the player is playing on. I did this by displaying the widget in the level's blueprints. Each level has a different pause menu that opens the level they are playing on so they can restart.


For Level Complete, I duplicated Checkpoint 1 and renamed it to the level it would be placed in. Once the player has finished the laps the player will be displayed with the best time on the track they are playing on which was the developer's best time. I then duplicated the widget and changed the best time to suit the time on Map2. I then went I to the duplicated Checkpoint 1 and changed the widget that shows up when they complete the level.


For the Control Menu, I used Photoshop to create the background image that has the controller and keyboard as well as the button inputs. I then exported them and imported them into a new widget. I then added the text and created a back button to the main menu. This widget is for the main menu so I duplicated the widget and changed the back button to open the pause menu and I then linked the duplicate widget to the pause menu Controls button.

For the Credits menu, I created a new widget that displays text about what music I made and the assets I used, and who made the game. I then created the back button for the main menu. I then went into the main menu and made the Credits button open the Credits Widget.

To help the player with the controls of the game I decides to take inspiration from Fortnite. I decided to use this hud as my inspiration.

I went into Photoshop and used the images that I had used for the controls menu. I saved it as a PNG and then imported it into Unreal. I then used the Lap widget that I had used earlier and applied the image in the middle aligned on the left. I then anchored the image and applied the text. Once I applied the text I anchored it and saved the widget.

I then applied all the widgets like the Lap, timer, Turbo, and pause menu into each Level Blueprint.

Comments