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.
Next Section: Desktop UI - Setup a Game Engine Layer