How to Add a Floorplan and Floorplan Navigation

Including a floorplan in your VR experiences can provide an additional navigation tool for your viewers and help orient them in the space. When you add a floorplan to a VR project, you can link all of the project’s scenes to the floorplan to make it fully navigable for your viewer.

Adding a Floorplan with Yulio Jump

The Yulio plugin is the simplest way to add a navigable floorplan to your VR project. 

When you use the Yulio plugin for Revit, SketchUp or CET to create a VR project, you can select to have a floorplan uploaded to your VR project during the rendering process. As your floorplan is being processed, Yulio will automatically add clickable location markers to the floorplan. These location markers will correspond to each scene in your project and can be activated by your viewers. 

For instructions on how to add a floorplan to your VR project with the Yulio plugin, visit our CAD plugins page and download the User Guide for your preferred CAD tool.

Manually Uploading a Floorplan to a VR Project

When logged in to Yulio, start by opening the project you would like to edit. 

Next, upload your file under the Floorplan tab. You can upload any asset here that you’d like to use as a navigation tool for the project – this could be a floorplan, dollhouse view, an exterior photograph or any other image that will aid navigation.

For multi-level projects, Yulio supports uploading up to 10 floorplans. Check out this article to learn more about multi-level floorplan.

Here are the compatible formats for this asset:

• PNG, JPEG
• 600 x 600 minimum resolution
• Up to 50 MB

Add Navigation Markers to a Floorplan

Start by opening your project. From the Project Edit page, click on the Hotspot Editor button.

In the Hotspot Editor, click on the floorplan icon to open the floorplan editing tool.

Scenes from your VR Project will appear as thumbnails in the left panel. Click the green ‘+’ symbol to add a floorplan hotspot for that scene. Click and drag the hotspot to it’s approximate location on the floorplan.

After dropping the hotspot onto the floorplan, you can use the Hotspot Properties menu to name the hotspot or change its size.

When finished, click Close to add your next hotspot.

You can edit a hotspot or remove it by clicking the blue pencil icon for the hotspot you want to edit.

That’s it! Your VR project now has a navigable floorplan.

Check out these articles to learn more about Viewing a Single-Level Floorplan or Viewing a Multi-Level Floorplan