Exhibition Tutorial

Exhibition Tutorial

This tutorial will lead you through the steps of creating an example scene to teach the workflow for creating projects for presenting objects in VR. A finished version of the scene can be found at "Assets/ExPresS XR/Scenes/Exhibition Tutorial Scene.unity" or can be instanced as a template via the menu option "ExPresS XR > Scenes... > Create New Exhibition Tutorial Scene".

Create and Setup Scene

• Go to "File > New Scene" (Ctrl + N) and select the "Basic (Built In)" Or "Basic (ExPresS XR)" scene template.
• Click "Create" and save the newly created scene via "File > Save" (Ctrl + S).
• If the scene does not contain an XR Rig add one via the GameObject-menu "ExPresSXR Rig - Teleport." You are of course free to choose any other rig you like.
• Add a Skybox to the Scene by going to "Window > Rendering > Lighting", Selecting the "Environment"-Tab in the popup, and placing a Skybox-Material into the topmost "Skybox Material" slot. If you do not have one, press the Circle with the dot on the side of the slot, then search and select the "WheatFieldStandUp" material. Close the pop-up.

Room Creation

• Open the Room Creator via the menu option "ExPresS XR > Rooms... > Room Creator". Create a room with size (5, 3, 4) and Material Preset "Exhibition". This will create an exhibition room with dimensions 5m x 3m x 4m (width x height x depth). These dimensions create the same room as calling "ExPresS XR > Rooms... > Create Default Exhibition Room".
• Add the window at "Assets/ExPresS XR/Tutorial Assets/Room/Window Big Plain.prefab" and set its position to (0, 1.2, 1.95) intersecting the wall.
• Open the ProBuilder Window if it is not already open via the menu option "Tools > ProBuilder > ProBuilder Window". If it is open, four symbols should be present in the top-center of the "Scene"-View window, as well as another dock-able "ProBuilder"-Window containing operations.
• Select the ProBuilder's EdgeSelection-Mode (triangle top-center of the "Scene"-View window).
• On the wall intersecting the window, select one edge, then execute ProBuilder's "Insert Edge Loop"-Operation. This will create an edge wrapping around the room that is orthogonal to the selected edge. Move the edge loop to intersect the window frame using its gimbals.
• Repeat with the other three edges. This will enclose the wall inside the window, with edges forming a new face that now must be deleted.
• Change the ProBuilder's FaceSelection-Mode (triangle top-center of the "Scene"-View window). Select the face and delete it by executing ProBuilder's "Insert Edge Loop"-Operation or simply pressing the Backspace-Button.
• Switch back to ProBuilder's ObjectSelection-Mode to be able to select GameObjects normally again.

Filling the ExhibitionDisplays

You will find a YouTube video regarding this topic here.

• Create two ExhibitionDisplays one for Objects and one for Images in the Hierarchy. This can be done via the GameObject-Menu "ExPresS XR/Exhibition/ExhibitionDisplay - Object" and ".../ExhibitionDisplay - Image".
• Set the Object-Display's rotation to (0, 90, 0) and the Image-Display's to (0, 90, 0). Move them to (-2.2, 0, 0) and (2.5, 0, 0) respectively.

Filling the ExhibitionDisplay-Object

• Add an Object to the Object-Display by dragging it into the Display's "Displayed Prefab"-Slot. For this tutorial, a "Glowstick"-Prefab can be found at "Assets/ExPresS XR/Tutorial Assets/Game Objects/Prefabs/Grab Glowstick Interactable.prefab". Any Prefab can be used; just be sure to add an (Sphere-)Collider and an XRGrabInteractable-Component. If it is too big, the object might has to be moved up a bit.
• Enter a Label Text and an Info Text. For the glowstick they are

    Text     A Blue Light    

    and

    Text     Mousa: What is this one?     Rambo: It's a blue light     Mousa: What does it do?     Rambo: Shines blue.    

    respectively.

• If you want special formatting of the info text locate the Display's childe "Info Text Canvas" and enable it. You will see the "Info Text" and some other canvas objects. These are for displaying images or videos and will be disabled at runtime; they must not be disabled manually. Nonetheless, for formatting, disable all unwanted GameObjects (the "Info Image" and "Info Video Display") and format the Text.
• Finally, enable "Spin Object" to make the glowstick spin.

Filling the ExhibitionDisplay-Image

• The process is similar to the Object Display with only a few alterations to the prefab and some settings.
• Add the Sunflower at "Assets/ExPresS XR/Tutorial Assets/Room/Sunflower Display Image.prefab" to the the Display's "Displayed Prefab"-Slot. If you want to create your own create a new Empty GameObject and add a WorldSpaceCanvas to it via "ExPresS XRWorldSpaceCanvas". Remove the Graphic Raycaster and Tracked Device Graphic Raycaster-Components from the Canvas and add an UI/Image as child. Set the Canvas size to fit the Display's "Frame". Its size can be found at the BaseMesh-Child's "ProBuilder MeshFilter"'s "Object Size"-Property and has a factor of 100 towards the Canvas size. Set the image's Anchor Preset to cover the whole Canvas and give the image a Sprite to display. As you probably won't pick up the image, you do not need an XRGrabInteractor-Component.
• Enter a Label Text and an Info Text. For the sunflower, they are

    Text     Sunflower    

    and

    Text     Pixelart of a Sunflower.    

    respectively.

• Finally be sure to disable "Spin Object".