This project shows how you can make a normal and cardboard output that will swop html pages but remain in the same node for a multi node tour.
With 5.1 and above you can change the name of the skin.js file so now you can have two outputs in the one output folder.
The attached project does this however there are a few things you must note such as skin element names, they must be unique to each skin.
As an example if you have an element in both skins with the same ID one will overwrite the other.
This project also uses Direct Node Access so if you are in say node two and switch to VR mode you open Node two with split screen and not open node one as before.
To start add your panos and then in the user data add the Node ID to the Source text filed. So for the first node you would add:
Code: Select all
#node1
Code: Select all
#node2
To find your node ID first make sure you have this selected in the preferences/settings of pano2VR, found under the advanced tab:
Then just hover over the thumbnail in the tour browser, here you can see Node ID node2.
Also note you need to enter it with a "#" at the start.
Now add the hotspots and link up the tour as normal.
Add an HTML5 output as normal except you enable Direct Node Access under the HTML template.
Now add a second HTML5 output and make sure the folder is called output, right button click on the file path and select edit to change the name.
Select the cardboard skin and then under the HTML tab select the cardboard template, using the edit template button select Direct Node Access.
Change the name of the HTML page to:
Code: Select all
output/vr.html
Code: Select all
vr.js
Code: Select all
output/vr.xml
The buttons in the normal output to swop to the VR output will have the action:
Code: Select all
Mouse Click => Go To URL => URL: vr.html$us
Code: Select all
Mouse Click => Go To URL => URL: index.html$us
So the actual path to go to the VR mode if you are in node two will be vr.html#node2, so Node two will open in VR mode.
Regards,
Hopki