We need a virtual tour made of 3D (360x360) images running in a web browser as a web app.
When one 3D image is loaded the user can look around by drag and drop or with the keyboards arrow keys. While looking around, the user will also see marked points in the 3D spherical image which are clickable so that they can transition to the next 3D image. That means there is a logic how the 3D images are connected together. There can be also other marked points in a 3D image that are info points. The info points are also clickable so that a small pop up window appears with information.
==> Here you have an example of what is meant: [login to view URL]
We would like / we suggest the following JS library: [login to view URL]
If you have any other and better libraries I am glad to hear about it.
Another software that we are currently developing will give us a JSON file that holds all the information like:
1) What is the starting image of the tour (given by unique name of the image).
2) When the current view is at any given 3D image, what other images are accessible from the current one and at what angles are the clickable marked points that will reach the next images.
3) For any given 3D image the position (two angles) of any info points that are clickable with the text for the popup window.
Once you have that JSON file and all the JPEG images this web app that you create with [login to view URL] needs to load the initial image in a web browser so that the tour can start. Currently we are using Ricoh Theta as our 3D image capturer. You can google it.
In order to check if you are reading this description in detail, I am kindly asking you to put the following random string "hmk-doe" at the very beginning of your proposal or in the title of your proposal. Thank you. Now let's get back to the story:
There are two modes:
Mode 1) The user can actively control the tour himself / herself by drag and drop or by pressing the keyboard arrow keys.
a) The angles of the view of the current 3D image. So basically where the user's view should point to in the current image
b) What the current 3D image is and which one should be loaded next
IF possible we would like to have the transition from image to image (Mode 1 & Mode 2) in a smooth way. As an example:
[login to view URL]
One last info:
We'd like to run the virtual tour in an HTML DIV element so that we can put other elements on top of that. But there should be a full screen mode as well and for the full screen mode we still need to be able to put other DIVs somewhere in the screen.