Map and Image popup projects

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
Hopki
Gnome
Posts: 9937
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Sat Mar 21, 2020 8:33 pm

Hi,
Two projects that are similar to build, the first project is called floor plan.
The requirement was to move the floor plan/map than select a node.
Returning back to the floor plan/map would show it in the position you left it.

The second project is an easy way to add high-quality image popups that can be zoomed, but when closed you return back to the same panorama with the same view.


Starting with the floor plan project.
This has three nodes, node1 is a flat map image, then the two tour nodes, all be it my test images.
The flat image, node1, is set to type Flat and under the viewing, parameters have FoV set to No Borders.

1.png
1.png (21.82 KiB) Viewed 228 times

Node1 has two hotspots going to each node of the tour nodes.
The Hotspots on the map are using the Skin ID "ht_map".

2.png
2.png (20.66 KiB) Viewed 228 times

Node1, map, has a tag: "floorplan".
The tour nodes have hotspots that link to each other and is using the Skin ID, "ht_node".

In the skin, there is a variable called "var_view" which is a text variable.
It also has two Point Hotspot Templates, ht_node and ht_map.

The template ht_map has an open next panorama action and the two map pin images have visible logic blocks that show visited nodes.
The other Point Hotspot is the Point Hotspot Component found in the Components Toolbox.

The container "picture_controls" has an action that sets the Pan, Tilt and FoV to the variable, var_view.

3.png
3.png (40.28 KiB) Viewed 228 times

So it does not record the Pan, Tilt and FoV of the tour nodes it has an Action Filter.

4.png
4.png (35.38 KiB) Viewed 228 times

The container "picture_controls" also has a visible logic block that only shows when node1 is visible using the tag "floorpan".


The element "button_open_map" has two actions, the first is the standard mouse click, open next panorama action opening node1, the map.

The second action is a mouse click, open next panorama action that opens node1 but uses the variable for the target view.

5.png
5.png (36.79 KiB) Viewed 228 times


The next project, image popup, is set up in a similar way using tags, but in the skin, there is a container "node_view".
This has three actions to set the nodes and view.
One on Config Loaded, then on Node Changed, with an Action Filter.
Then Before Node Changed, again with an action filter.
The filters are there so the node and view are not recorded for the nodes that do not contain the tag "photo".
To change the background colour, you do this under the HTML5 output, select the Image tab
Change the Background Colour there.

Regards,
Attachments
projects.zip
(4.14 MiB) Downloaded 24 times
Post Reply