jquery - Javascript 360 degrees panorama - Stack Overflow

admin管理员组

文章数量:1279007

Hi I'm looking for a way to create a panorama view with a 360 degrees photo. I need a solution to do create something like QTVR. There is a lot flash based software out there (I'm trying to avoid that) and also some javascript/prototype/jquery solutions. But none of the solutions I've found have the behaviour I'm looking for. I want to eanable users to look around (just horizontal). Furniture objects on the pictures should react on mouseover, so that I might have multiple "layers" to distort. Is there a way to manipulate images in pure javascript or with jquery so, that it looks like they where bent cylindrical? Or does anyone know good libraries that support that kind of image manipulation? Might webgl be a good solution? I don't really know how to start. Is there anyone who could give me a hint. I'm just looking for a direction. google didn't bring me usable results.

Hi I'm looking for a way to create a panorama view with a 360 degrees photo. I need a solution to do create something like QTVR. There is a lot flash based software out there (I'm trying to avoid that) and also some javascript/prototype/jquery solutions. But none of the solutions I've found have the behaviour I'm looking for. I want to eanable users to look around (just horizontal). Furniture objects on the pictures should react on mouseover, so that I might have multiple "layers" to distort. Is there a way to manipulate images in pure javascript or with jquery so, that it looks like they where bent cylindrical? Or does anyone know good libraries that support that kind of image manipulation? Might webgl be a good solution? I don't really know how to start. Is there anyone who could give me a hint. I'm just looking for a direction. google didn't bring me usable results.

• javascript
• jquery

Share Improve this question Follow asked Mar 28, 2012 at 23:00 jarredjarred 75522 gold badges88 silver badges1919 bronze badges 2

• 1 Did you Google "javascript panorama"? code.google./p/jspanoviewer – Ivan Commented Mar 28, 2012 at 23:03
• Thanks for your fast answer. I've seen that. I was hoping for something differnt than slicing up the image. – jarred Commented Mar 28, 2012 at 23:23

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

Check out three.js

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

Also, you could possibly do some of the image manipulation via canvas.

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

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

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

There you'll find an excellent HTML5/JS based Viewer.

There are lots of tool to do that. Have you tried www.vtility ? Im not sure if it had mouse over layering. But it was the only SEO friendly that I have found.

本文标签： jqueryJavascript 360 degrees panoramaStack Overflow