Desktop UI - Returning to the Homescreen

This section revisits the Homescreen which you built previously and extends it to include more components.

Add another Grid

Select the Home layer and go to the Layout tab in the layer properties. Press the ‘+' button and select Grid. Set the grid name to MovieGrid and title to ‘Movies’. Scale and position the grid so it appears on the right side of the Homescreen. Leaving the Fill type as Manual, add a couple of sessions showing movies to the grid, e.g. use the 'Example - Video’ session and the Rollercoaster Youtube 360 movie. Notice how the icons on each tile correspond with the type of content in each session.

Try changing the grid appearance by unticking the background property for both the MovieGrid and the SessionGrid. This hides the grid background and displays the tiles directly on top of the Homescreen background.

Add a DateTime Component

In the Layout tab, press the '+' button and select DateTime. This creates a text string showing the current date and time.

In the Component tab, select the format of the date and time and use the position sliders to move the text to a central location. The Font size slider can be used to set the text to the desired size.

Add a Logo Image

In the Layout tab, press the '+' button and select Image.

In the Component tab, select an image file from the local drive and scale and position it on the homescreen. Set the name of the component to ‘LogoImage’.

Add a QR Code

In the Layout tab, press the '+' button and select QRCode. A QRCode is a matrix style barcode and is automatically scanned by the cameras in smartphones.

In the Component tab, scale and position the QRCode image. In the Text field enter the URL which you would like the QRCode to link to e.g. http://www.igloovision.com . Note how the matrix in the QRCode updates as you type in the URL.

Add a Start New Session button

In the Layout tab, press the '+' button and select Tile. A Tile is a button which can be displayed outside of a grid. It can be linked to a session so that it launches the session when clicked.

By default, if the tile has not been linked to a session then it behaves as a ‘Start new session’ button. This will hide the Home layer and the Canvas toolbar, together with any other non-hidden, pinned layers will be displayed.

The Browse button pops up the Load Content dialog and enables a session to be selected. The name of the selected session is then displayed above the Browse button.

Next Section: Desktop UI - Setting up a Game Engine Layer