Direct Node Access
Direct node access (DNA) allows you to link directly to a node by using it’s internal node ID.
To enable this feature:
-
Create a web output.
-
In the
HTML template settings,
select Direct node access.
Once the project is outputted, append the hash character and the node number at
the end of the URL: http://ggnome.com/example/tour/index.html#node2
To show each image’s node ID go to Pano2VR’s Settings/Preferences, and select
Show internal node ID in the Advanced tab. You will then see the node number
in the tooltip that appears in the tour browser.
Custom Node ID
Each node can also have a custom node ID that can be used in place of the
internal node ID.
In the User Data panel, add the ID to the Custom Node ID field. You can then
link to the node directly using that ID:
http://ggnome.com/example/tour/index.html#kitchen
✭ Custom IDs should not have any spaces or special characters.
Specify the Starting View
Starting views can be specified by appending pan, tilt, fov, and projection
values separated by comma:
http://ggnome.com/example/tour/index.html#node5,0.0,90.0,120.0,9
This will have a starting view of looking up, with a stereographic projection,
and a wide fov.
Projections: 4 = rectilinear 9 = stereographic 12 = fisheye
Show Node ID in Browser
All the instructions above are for manually adding the node ID to the URL to
link directly to a node. To always show the Node ID in the browser’s address bar
do the following:
- In the skin, add a
Container. - Give it the follow
action: → Source = Node
Changed → Action = Go to URL → URL =
javascript: history.replaceState({}, player.userdata.title, location.href.replace(location.hash,"") + '#' + player.getCurrentNode());
→ Target = blank
Now, when you open the project, the URL will contain the node ID:
https://vtour.cloud/c0ri5xnp/skybox/index.html?ts=2910190975#node7
If you’re using custom node IDs, use the following in the URL field for the
container’s action:
javascript: history.replaceState({}, player.userdata.title, location.href.replace(location.hash,"") + '#' + player.userdata.customnodeid);
The URL will use the custom node ID:
https://vtour.cloud/c0ri5xnp/skybox/index.html?ts=364843769#crow