Skip to main content

Intermediate Tutorial

In this Tutorial we will continue with the project that we started in the Beginner Tutorial. If you haven't done it, please have a look at it.

Let's go!

1. Import a new 360º image to create a new IndretsVRVirtualTour Scene. LivingRoom2.jpg in my case.

Screenshot 2023-10-05 at 12.07.47.png

2. Right-click with your mouse over the image and choose Create -> IndretsVRVirtualTour Scene

Screenshot 2023-10-05 at 12.09.03.png

3. Save the new Scene with a relevant name

Screenshot 2023-10-05 at 12.09.41.png

4. Add the Scene to the Build Settings

Screenshot 2023-10-05 at 12.10.36.png

5. Rename the Hotspot to LivingRoom1, because it will be our Target Scene. It's not mandatory to name your Hotspots and your Scenes the same, but it will help you identify things quickly.

Screenshot 2023-10-05 at 12.12.09.png

6. Go into Play Mode and place the Hotspot where you want it to be. Remember to copy its position with Transform -> Copy -> Position

Screenshot 2023-10-05 at 12.17.59.png

7. Leave Play Mode, set the new Hotspot placement with Transform -> Paste -> Position and set its Target Scene to LivingRoom1. In this case is mandatory to use the name of the Scene, as you already guessed.

Screenshot 2023-10-05 at 12.21.48.png

8. Let's go back to Play Mode to check that everything is working as expected.

9. If everything looks good, save your Scene (if it's not) and open LivingRoom1

Screenshot 2023-10-05 at 12.26.24.png

10. Duplicate the Terrace hotspot object and rename it to LivingRoom2

Screenshot 2023-10-05 at 12.27.47.png

11. Set its Target Scene to LivingRoom2 too

Screenshot 2023-10-05 at 12.28.49.png

12. Now enter Play Mode. Since we have duplicated the Terrace hotspot, now both hotspots will be placed in the same position. Select the LivingRoom2 object in your hierarchy and slightly modify its X or Z position, so you can identify which one is it. Now you can Drag&Drop it to the desired position with your right mouse button. When you are happy with it, copy its position with Transform -> Copy -> Position

Screenshot 2023-10-05 at 12.33.44.png

13. Paste the new position to the LivingRoom2 hotspot right-clicking on Transform and then choose Paste -> Position

Screenshot 2023-10-05 at 12.39.23.png

14. You can go into Play Mode and check that everything is working as expected.

15. As you may have noticed (or maybe not) when an Scene is loaded, the camera is not always showing the most exciting view. But fortunately, we can fix that! If you unfold the Person object, you'll reveal the Main Camera object.

Screenshot 2023-10-05 at 12.51.06.png

16. Select the Main Camera and in the Inspector you will see all the different values that you can set to tune-up your Virtual Tour, from a Camera perspective. For now we are going to focus in the Initial Camera Rotation

Screenshot 2023-10-05 at 12.54.08.png

17. If you want your camera to turn 90º right (from its current position) when the scene loads, set 90 as the Initial Camera Rotation -> Horizontal Camera Rotation. If you want it 45º to the left, set -45 . If you want to set a positive value and get the same result you can set 315, which is 360 - 45.

18. You can do the same with Initial Camera Rotation -> Vertical Camera Rotation. If you want to move your camera up you can use a negative value (or subtract it from 360). To move your camera down use a positive value.

Screenshot 2023-10-05 at 13.10.02.png

19. Finally you can check in Play Mode that the Camera is pointing to the proper place when the Scene loads.

Screenshot 2023-10-05 at 13.09.36.png

That's all for now. In the Advanced Tutorial we'll have a look at all the settings that you can customise, so if you want more, go for it!