Pano2VR 7 Docs / Direct Node Access

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:

  1. Create a web output.

  2. 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.

The tooltip from a node in the Tour Browser
The tooltip from a node 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:

  1. In the skin, add a Container.
  2. 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

See also…

Last modified: Mar 13, 2024