Tutorial: Zoom to Point Hotspot

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
Posts: 985
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia

Wed Nov 13, 2019 11:48 pm


I've just posted a new "Little Bits" tutorial Zoom to Point Hotspot on my website at https://tonyredhead.com/pano2vr-little- ... to-hotspot

p2vr-zoom-test29.jpg (110.78 KiB) Viewed 1785 times

The tutorial comes with a folder of files you can use to recreate the final output.

Here is the finished project, https://p2vr.s3-ap-southeast-2.amazonaw ... index.html

This tutorial show you how to add one or more Point Hotspots in a node that when activated by a mouse click, move the panorama to center on and zoom into the selected Point Hotspot. When the move has finished the button has an action that returns the view to the default view settings.

In this tutorial we will modify the supplied project and skin files by;
  • Adding 2 Point Hotspots to the node panorama
  • Use an existing Hotspot Template Component to create the skin elements
  • Apply settings to the skin elements to add interactivity to the Hotspot template
  • Add an option for both desktop and mobile to reset the panorama to its default settings.
Once again, comments and feedback are appreciated.


Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/
Posts: 78
Joined: Mon Sep 18, 2017 12:54 pm

Sun Dec 15, 2019 4:05 am

Hi Tony,

This looks useful, I'm going to try this. It looks like a good way to focus in on details, perhaps using an eye or magnifier icon.

I haven't looked it through yet, but is there a way to make it zoom so the icon is bottom-center instead of center-center?

regards, Frank
Post Reply