P2VR Pro Drop-down Thumbnail Marker template
Posted: Wed Jul 10, 2013 10:53 pm
Hi,
Heres a P2VR Pro marker template to make a quick thumbnail menu.
Included is also a p2vr file to remap your images to make the thumbnails and directories.
1) Copy the p2vr file to your projects folder and drop in all your input images, then click Create All. This will make a folder called thumbnails in the output folder and make a thumbnail for each input image using the input images file name.
2) Add the skin to your project, open the skin and drag in the input images from the tour browser. This will make the thumbnails with the ID's marker_node1, marker_node2 etc, position them in the skin, as an example down the left side. As the thumbnails are being created the file path to the thumbnails directory and the thumbnail images will be automatically set.
Finally the button to fade them in and out is using a change element alpha action and the target is a wild card, #marker_node.*
So will fad in and out any number of thumbnails.
Place the thumbnails 66px above each other so it looks like there is a grey background apart from the active node which will be white.
If placing side by side space them 86px apart.
The markertemplate anchoring is set to top left, so if your going to have them run along the bottom of the window set the anchor BEFORE you start dragging in the images from the tour browser, this will save having to go in and set the anchor later. As using rectangles you can custom the colours etc.
Have fun,
Hopki
Heres a P2VR Pro marker template to make a quick thumbnail menu.
Included is also a p2vr file to remap your images to make the thumbnails and directories.
1) Copy the p2vr file to your projects folder and drop in all your input images, then click Create All. This will make a folder called thumbnails in the output folder and make a thumbnail for each input image using the input images file name.
2) Add the skin to your project, open the skin and drag in the input images from the tour browser. This will make the thumbnails with the ID's marker_node1, marker_node2 etc, position them in the skin, as an example down the left side. As the thumbnails are being created the file path to the thumbnails directory and the thumbnail images will be automatically set.
Finally the button to fade them in and out is using a change element alpha action and the target is a wild card, #marker_node.*
So will fad in and out any number of thumbnails.
Place the thumbnails 66px above each other so it looks like there is a grey background apart from the active node which will be white.
If placing side by side space them 86px apart.
The markertemplate anchoring is set to top left, so if your going to have them run along the bottom of the window set the anchor BEFORE you start dragging in the images from the tour browser, this will save having to go in and set the anchor later. As using rectangles you can custom the colours etc.
Have fun,
Hopki