Customising the default Pause menu

The default Menu is used by the Demo game, and is contained in the Demo_MenuManager asset. It has been designed to always work no matter what type of game you are making, but it's fairly bland and you will probably want to change it.

Though you can create your own GUI from scratch, it's easier to simply customise the default one to your liking until you become more familiar with the system. However, to avoid your changes being overwritten when you update Adventure Creator, you should make a duplicate of the GUI and work with that.

Look for the Demo_MenuManager asset inside the Project window, under Assets -> AdventureCreator -> Demo -> Managers.

Dupliate it (Ctrl-D for Windows or Cmd-D for Mac) and move the duplicate to your game's own Manager folder. To assign it to as your game's Menu Manager, find the Menu tab in the Game Editor, and set it the new asset in the Asset file field.

Now you can customise the Menu without fear of it being changed back when updating. To preview Menus outside of a live game, you will need a GameEngine prefab to be present in your scene. If you haven't already, click "Organise room objects" within the Scene Manager, and then tab over to the Game window. You will now be able to see your Menus as you select them in the Menu Manager.

When a Menu is selected, you can customise the properties of that Menu, and also select the individual Elements that it's made up of. Let's change the Pause Menu to one that appears at the top of the screen instead. Underneath Menu 'Pause' properties, change the Element orientation to Horizontal.

The Elements inside it will be re-arranged side-by-side. This is because they're Positions are all set to "Aligned", which is used to simplify the layout process for simple list-type Menus.

Next, let's bring the Pause Menu to the top of the screen. Find it's Position property, and change it from Centred to Aligned, and then set it's Alignment to Upper Left.

Finally, let's extend the Menu so that the grey background extends all the way across the screen. Change the Size property from Automatic to Manual, and extend the width (W) slider up too 100%.

Since the Menu is now at the top of the screen, let's make it so that activating it causes it to pan from the top edge. Find the Transition type property and change it from Fade to Pan, and set the "Pan from" property to Up.

To re-style fonts and colours, we have to do this at the Element level. Click on the ResumeButton in the list of Pause elements to reveal the Pause Button's properties

From here you can change the Button's text, font, colour, background texture and more.

Adventure Creator and this website are copyright Chris Burton, ICEBOX Studios

Go to top