Universal Floating Nadir Logo

Overview

This tutorial follows on from the Floating Nadir Logo tutorial and provides a step-by-step workflow to apply the floating nadir logo on every node of a virtual tour using the Master Node option in Pano2VR.

Final Output

Tutorial Files

In the tutorial folder, Universal-Floating-Nadir-Logo, there is an Asset Folder with 3 equirectangular images and a sample .png logo file. There is also a Project folder with a Pano2VR project 'universal-floating-nadir-logo.p2vr', a skin 'universal-floating-nadir-logo.ggsk' and an Output Folder called 'Universal-Floating-Nadir-Logo' with project files created from the .p2vr and .ggsk elements. (Figure #1)

Note. the .p2vr file and the .ggsk are the same as the final output files from the Floating Nadir Logo tutorial. I’ve renamed them by adding universal- to the names just to keep the files separate.

I’ve also added the Next/Previous Simplex component to provide access through the nodes

 

Figure #1: Tutorial folder

 

Project Overview

In this tutorial we will modify the universal-floating-nadir-logo.p2vr project file and the universal-floating-nadir-logo.ggsk skin by;

  • Adding two additional panoramas to the project

  • Opening the Master Node

  • Copy and pasting the Point Hotspot to the Master Node

  • Publishing the project

Note: this tutorial assumes a basic knowledge of Pano2VR V6

Note: click on any image in the tutorial to enlarge it

Getting Started

1. Download the zipped tutorial folder here

2. Double Click on the universal-floating-nadir-logo.p2vr file to open the tutorial Pano2VR project (Figure #1)

Figure #1: Pano2VR tutorial project opened in Pano2VR V6.0.2

Adding additional panoramas to the project

1. In the Input menu click on the ‘Input’ button to open a Finder window. Navigate to the Assets folder in the Universal Floating Nadir Logo tutorial folder. Highlight the panoramas 8x4-Black and 8x4-White. Click on Open. (Figure #2)

Figure #2: Locate and open two new panoramas

2. The two new panoramas appear in the Tour Browser window (Figure #3)

Figure #3: New panoramas loaded into the project

Note: loading the new panoramas automatically opens the first of the new nodes.

4. Click on the first node to make it active. In the Edit menu select the Viewing Parameters button and in the Default View panel enter Tilt: -90˚. Click on Set. (Figure #4)

Figure #4: Set the Default View tilt parameter to -90˚

5. Click on the inactive Point Hotspot to make it active. Then rt click on it and select ‘Copy Active Point Hotspot’ (Figure #5)

Note: this will copy the Point Hotspot and the data attached to it and allow us to paste it into the Master Node

Figure #5: Copy the Active Point Hotspot

6. With the Point Hotspot still active (red) select the ‘delete’ key on your keyboard to remove it.

7. Rt Click in the Tour Browser window and select ‘Edit Master Node’ from the popup window (Figure #6)

 

Figure #6: Select ‘Edit Master Node’

 

8. The panorama is replaced with the Master Node grid and the notation ‘Down’ indicating we are looking at the Nadir. In the Edit menu select the Viewing Parameters button and in the Default View panel enter Tilt: -90˚. Click on Goto and Set. (Figure #7)

Note: setting the default tilt at -90.00˚ and setting it makes it easy to reset if we accidentally move the panorama

Figure #7: Master Node grid

9. Rt Click in the Viewer window and select Paste Point Hotspot from the popup window to add it to the Master Node (Figure #8, 9)

Figure #8: Paste Point Hotspot

Figure #9: Point Hotspot in the Master Node

10. With the Point Hotspot still active (red) In the Edit menu select the Properties button and accurately position the Point Hotspot by changing the Pan: and Tilt: degrees to 0.00˚ and -90.00˚ respectively. (Figure #10)

Figure #10: Accurately position the Point Hotspot

Figure #10: Accurately position the Point Hotspot

11. In the Tour Browser click on Node 1 to return to the normal viewing mode. (Figure #11)

Note: When you return to the normal viewing mode the logo is no longer visible. After publishing the project the logo will be displayed. You can always go back to modify the Point Hotspot by selecting ‘Edit Master Node’

Figure #11: Return to normal viewing

12. In the Edit Menu click on the Viewing Parameters button and in the panel click on the Reset button to set the view back to Default (Figure #12)

 

Figure 12: Set view back to default

 

3. Save the project

4. In the Output Panel - Output: click on the ‘Generate Output’ button to build the tour (Figure #13)

 

Figure #13: Generate Output button

 

Summary

When the viewer navigates around the panorama and through the tour the nadir logo will remain in a set position and not rotate in conjunction with the panorama. In addition when the logo is clicked a new window will open with the designated website displayed.

I hope you have enjoyed the tutorial and it has helped you to achieve the best possible project outcome. If it has please take a second to consider a donation so that I can continue to add more tutorials.

I'd like to Donate