Creating 3D Distorted Hotspot Images

This week we have something fun and we hope this tip inspires you to try it yourself. In this tip, Hopki, shows us how to create and blend 3D distorted hotspot images.

3D Hotspot Image

3D distorted hotspot images allow us to have perfectly aligned interactive images within the panorama. This way, we can create roll-over effects that give the user a more rich view of the panorama.

In the first part of this series, Hopki shows us how to add perfectly aligned hotspot images. In his example, he shows off his beautiful garden house with the doors shut and when the mouse enters the interactive area the house’s doors open. Once they are open we can now step inside the house and have a look around. We can also get a feel for what it’s like to have the doors closed.

3D Distorted Hotspots – Making Roll-over Effects – Pano2VR 4.5

In the second part, Hopki explains how to best blend those images in to the panoramas in order to make seamless transitions.

Blending 3D Distorted Hotspot Images – Pano2VR 4.5


The basic steps go like this:

  1. Create two panoramas; one with the roll over effect and one without.
  2. Extract patches.
  3. Blend the patches in a photo editing software to get perfect matching when adding to the panorama.
  4. Add a point hotspot.
  5. Add the blended image to a hotspot template in the skin. (Or use external loaders.)
  6. Output the panorama and enjoy.

Watch the YouTube playlist.
Learn more.