Navigational Hotspots

What are Hotspots?

Hotspots are a way to navigate your VR project through point to point navigation. All you have to do is gaze or click on a hotspot to move into another scene. Adding hotspots in your VR project is a great way to make your designs interactive.

How to Add Hotspots to Your VR Project:

In order to create navigational hotspots you need at least two scenes in your VR project.

Start off by logging into your Yulio account and then select the project you would like to edit.

On the project page, click on the blue “Hotspot Editor” button. This button will take you into the authoring tool that will allow you to add and edit navigational hotspots. 

Once you’re in the Hotspot Editor, either click the green Add Hotspot button or click and drag the target scene from the left panel into the main scene window.

Drag the hotspot to position it where you would like it to appear for your viewer. Remember navigational hotspots transfer viewers from one scene to the next, so you should place the hotspot where the view will be transitioning to.

How to Edit a Hotspot:

Once the hotspot has been created in your scene, you can modify it’s location by clicking and dragging on the hotspot itself. 

There are additional hotspot properties that appear in the left panel. To access the hotspot properties at anytime, click on the blue Edit arrow.

Hotspot Label:

Customize the name of your hotspot. By default, the label will appear as the name of your cube map. You can customize this to something more meaningful for your design and scene. This will appear in VR and preview modes and provide designers the ability to further build the narrative for their experience. Labels can have a maximum length of 140 characters.  

You can also hide the label all together, by clicking on the Hide toggle.

Depth:

Change the depth of a hotspot so that you can provide additional spatial context in the VR project. Changing the depth will provide more context for viewing in VR. The depth slider doesn’t just make the icon larger or smaller it is actually moving the hotspot closer/further away from the viewer. 

Color:

Customize the color of a hotspot so you can make it stand out in your scene. You can choose between a white or black hotspot. Ensure important design details are not missed by making sure your hotspot is visible in every type of environment.

Example:

Click here for an example of a virtual reality project with a navigation hotspot.

Check out our YouTube channel for more info & tutorials.