Javascript 360 degree panorama

Question

Hi, I’m looking for a way to create a panoramic view with a photo of 360 degrees. I need a solution to create something like QTVR. There is a lot of flash based software (I'm trying to avoid this) as well as some javascript / prototype / jquery solutions. But none of the solutions I found have the behavior I'm looking for. I want users to be able to look around (only horizontally). Furniture objects in images should respond to mouse hover, so I can have several “layers” for distortion. Is there a way to manipulate images in pure javascript or with jquery, so it looks like they are curved cylindrical? Or does anyone know of good libraries that support such image manipulation? Could webgl be a good solution? I do not know how to start. Is there anyone who could give me a hint. I'm just looking for a direction. Google did not bring me useful results.

Answer 1

Check out three.js

http://mrdoob.github.com/three.js/examples/webgl_panorama_equirectangular.html

In addition, you can do some manipulation of images through the canvas.

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas

It might be easier (with a canvas) to just have a fully processed panoramic image and figure out which pixels represent your interactive object. Then listen to the mouse on these pixels.

Answer 2

try http://panorado.com/en/PanoradoJs.php

There you will find a great HTML5 / JS based viewer.

Answer 3

There are many tools for this. Have you tried www.vtility.net ? I'm not sure if he had a mouse over the bundle. But that was the only SEO friendly I found.