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
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)
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)
2. The two new panoramas appear in the Tour Browser window (Figure #3)
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)
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
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)
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
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)
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)
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’
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)
3. Save the project
4. In the Output Panel - Output: click on the ‘Generate Output’ button to build the tour (Figure #13)
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.