Yulio Knowledge Base > Yulio & Enscape > Enhancing your Enscape Project

Enhancing your Enscape Project

Yulio offers a variety of enhancement options that allow you to add important information, greater context, and polish your VR project for your next presentation. Here are 5 steps you can take to get started on enhancing your first Enscape project in Yulio.

What are Yulio Hotspots?

Hotspots are trigger points in your project that you can click on (or in a headset gaze and hold) to view a scene or access more information. Hotspots were created to give users a way to add more information to their projects and make their VR projects a truly seamless and comprehensive experience. 

You can add hotspots by first clicking on the Hotspot Editor found on the right hand corner of the project page.

Step 1: Add Navigation Hotspots

Navigation Hotspots are a way to explore 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 navigation hotspots to your VR project is a great way to make your designs interactive.

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. Remember, navigational hotspots transfer viewers from one scene to the next, so you should place the hotspot where the view will be transitioning to.

Best practices:

  • Add Navigational hotspots to scenes of different rooms to give a “tour” feel to your VR experience
  • Use it to navigate open spaces — allows you to see the area from every different angle
  • Don’t forget to add the hotspot label, select your colour, and play around with the depth slider
Step 2: Add Text Hotspots

Text Hotspots allow you to add text information to your scene. You can use the hotspots to describe your design, products within the scene, or even communicate with your client by annotating changes to the design during iterations.

In the hotspot editor, select the Text Annotations tab on the left navigation menu. Click Create New Annotation. Enter your title and description. Each field allows up to 140 characters.

You can also add an External Link that will take your viewer to the URL you’ve included. The External Link Title field, allows you to add 30 characters of text describing your link or product. 

Best practices: 

  • Add in an External Link to link to your website, a purchase page or a landing page with more information
  • Include in a brief description of a product’s specifications or dimensions of a space
  • Add in any extra information to share with your team members or track changes to a VR project

Step 3: Add Image Hotspots

Image hotspots allow you to add a still image to your scene. Use them to show alternatives to material, color or shape without having to render an additional scene, or get creative and show before/after shots and more. Image hotspots are another way to enhance your design, and tell your story in the context of the VR scene, without having to flip between VR and catalogs.

First, you will need to add the still images to your VR project. From the Projects page, select the VR project you would like to add the still image to.

Under Assets, click on the “Images” tab.

Drag and drop your image into the upload box under the Images tab. Yulio supports any PNG or JPEG images, with no minimum resolution, up to 50 MB in size.

Make sure you are uploading your image under the “Images” tab to create an Image Hotspot. Image hotspots and VR scenes are uploaded under different tabs. You can upload a VR scene under the “Scenes” tab. 

Now that you have uploaded your image you need to create the Image Hotspot in your VR project. Click on the blue “Hotspot Editor” button in the top right corner.

Next, click on the Image tab from the panel on left side to access the Image Hotspot editor. All the still images you have uploaded will be available here to insert into your VR project. Click the green + icon to add the Image to your VR project. You can also simply drag and drop the thumbnail into your VR project to place the image.

Best practices: 

  • Record a quick welcome message from your team, the head designer, or the President of the company
  • Explain some design decisions, the motivation behind it, and how you translated your vision into the design
  • Answer questions the clients may have had the previous iteration or clarify the changes requested

Step 4: Upload your Floorplan

Floorplan navigation lets you create a navigation overlay layer in your project. You can hotspot all of your project’s scenes to a floorplan, a dollhouse view image, or an exterior rendering/photo. It helps to orient your viewers and lets them navigate to the area they are most interested in seeing, while still understanding how the elements fit together.

When logged in to Yulio, click on the project you would like to edit or select Create Project. You’ll now have an option under the Project Assets page, for Floorplan.

Upload any scene you’d like to use as a navigation tool for the project here – it could be a floorplan, dollhouse view, an exterior photograph, or any image that will aid navigation.

Here are the compatible formats for this asset:

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

Once you have uploaded your floorplan, head to the Hotspot Editor. 

On the left, are the options for hotspot editor type, including navigation, audio, text and an icon for Floorplan at the bottom. Click on the floorplan icon to open the floorplan hotspot editor.

Scenes from your VR Project will appear as thumbnails on the left. Click the green ‘+’ symbol to add a Floorplan Hotspot for that scene. Click and drag the hotspot to your desired location on the floorplan.

Your floorplan will not be the opening scene of your VR project.

You can open the Floorplan in browser mode using the floorplan icon on the lower left of your screen. Clicking the icon will take you to the Floorplan view. From there, click on the floorplan markers to navigate to your desired scene.

Step 5: Add in Scene Options

Finally, it’s time to add Scene Options, which allow you to show off alternatives to material, color and configuration in VR. It’s another way to enhance your design, and tell your story in the context of the VR scene without having to flip between VR, catalogs and 2D renders.

First, you will need to have multiple renders (scenes) of the same space from the same camera angle or perspective. We recommend adjusting colors, materials, textures or configurations within the scene to show off your space with many different options. Once you have uploaded your scenes, it’s time to create a Scene Group. 

To create a Scene Group, drag and drop the scenes on to of each other. To do so, click on the Yulio plugin icon beside the scene thumbnail and drag it on top of another scene.

This will create a “Scene Option Group”.

Next, click on the Group Name to rename your Scene Option Group and the down arrow icon to see all the scenes currently in that group. You can have multiple Scene Option Groups in one VR project. 

From here, you can rearrange the order of the scenes in your group and rename each scene name. The scene at the top of your list will be your “opening” scene for the Scene Option Group. While viewing your VR project in browser mode, access your Scene Options by clicking on the tab in the middle bottom of your screen.

From there, select the Scene Option that you would like to view:

And that’s it! 

You have just enhanced your first project with Yulio. Add further enhancement features to create an even more stunning project and present to your clients with confidence. 

Check out our YouTube channel for more info & tutorials.