I'm trying to create a virtual tour using threejs using a 360 panoramic image, using the following example with my own panoramic image:

/

Everything renders fine but I would like to make it much more interactive, that is to create hotspots.

Say, in the example above, if I add a hotspot icon and when I click it, it will go to another 360 panoramic image.

Any idea or help on how it could be done? Any guidance would be appreciated. Thanks very much

I'm trying to create a virtual tour using threejs using a 360 panoramic image, using the following example with my own panoramic image:

http://web.mit.edu/hawksley/Public/IntroToWebVR/demo/

Everything renders fine but I would like to make it much more interactive, that is to create hotspots.

Say, in the example above, if I add a hotspot icon and when I click it, it will go to another 360 panoramic image.

Any idea or help on how it could be done? Any guidance would be appreciated. Thanks very much

• javascript
• jquery
• three.js

Share Improve this question Follow edited Feb 4 at 9:47 DarkBee 15.5k88 gold badges7272 silver badges118118 bronze badges asked Apr 28, 2017 at 16:56 dev254dev254 11711 gold badge22 silver badges1111 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

https://github./pchen66/panolens.js

Check this out. It has a vr player with hotspots inside.