Javascript 360度全景

Question

您好我正在寻找一种创建360度全景照片的方法。我需要一个解决方案来创建类似QTVR的东西。有很多基于闪存的软件（我试图避免这种情况）以及一些javascript / prototype / jquery解决方案。但我发现的解决方案都没有我想要的行为。我希望eanable用户环顾四周（只是横向）。图片上的家具对象应该在鼠标悬停时作出反应，这样我可能会有多个“图层”扭曲。有没有办法在纯javascript或jquery中操作图像，所以它看起来像弯曲的圆柱形？或者有没有人知道支持这种图像处理的好库？ webgl可能是一个很好的解决方案吗？我真的不知道如何开始。有没有人可以给我一个提示。我只是在寻找方向。谷歌没有给我带来可用的结果。

Answer 1

查看three.js

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

另外，你可以通过画布进行一些图像处理。

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

使用完全处理的全景图像可能更容易（使用画布），并找出哪些像素代表您的交互式对象。然后听那些像素上的鼠标悬停。

Answer 2

试用http://panorado.com/en/PanoradoJs.php

你会发现一个优秀的基于HTML5 / JS的查看器。

Answer 3

有很多工具可以做到这一点。你试过www.vtility.net吗？我不确定它是否有鼠标覆盖。但它是我发现的唯一SEO友好。