How to embed interactive images or elements into a panoramic image viewer using THree.js and webGL?

Question

How to embed more images and hyperlinks on a position in panoramic viewer as done in:

THis link

Panorado js viewer.

The hyperlinks and overlays are embedded in this viewer. I tried to figure out how they are doing, However it is very hard to understand. Does anyone have nay idea of how to do that, Please help.

Answer 1

There's a nice extension toolkit called THREEx with very handy tools.

There's a couple you may find interesting for what you intend to do:

• threex.htmlmixer to integrate dom elements in webgl;
• threex.domevents provides dom events in your scene;

With these tools you should be able to make your panorama images interactive very easily.