你好，我正在寻找一种方式来创建一个360度全景照片的全景视图。我需要一种解决方案来创建类似于QTVR的东西。有很多基于Flash的软件（我试图避免使用它们），还有一些JavaScript/Prototype/jQuery的解决方案。但是我发现没有一个解决方案能够满足我想要的行为。我想让用户可以环顾四周（只是水平方向）。图片上的家具对象应该在鼠标悬停时做出反应，这样我就可以扭曲多个“层”。有没有一种方法可以在纯JavaScript或jQuery中操作图像，使其看起来像弯曲的圆柱形？或者有人知道支持这种图像处理的好库吗？WebGL可能是一个不错的解决方案吗？我真的不知道从哪里开始。是否有人可以给我一个提示呢？我只是在寻找一个方向而已。谷歌并没有给我可用的结果。
JavaScript 360度全景照片
4
- jarred
2
1你有没有在谷歌上搜索“javascript全景图”？http://code.google.com/p/jspanoviewer/ - Ivan
谢谢您的快速回复。我已经看到了。我希望能够得到一些与切割图像不同的东西。 - jarred
3个回答
5
查看 three.js
http://mrdoob.github.com/three.js/examples/webgl_panorama_equirectangular.html
此外，您可能可以通过画布(canvas)进行一些图像操作。https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas
使用画布（canvas）可能更容易，只需拥有完全处理过的全景图像，并找出哪些像素代表您的交互对象。然后监听这些像素上的鼠标悬停事件。
- hque1011
1
试用http://panorado.com/en/PanoradoJs.php
在那里，您将找到一个优秀的基于HTML5/JS的查看器。
- Joerg
1
1请注意，此服务仅适用于非商业网站。 - Scott Simontis
-1
有很多工具可以做到这一点。你试过www.vtility.net吗？我不确定它是否有鼠标悬停层。但这是我找到的唯一符合SEO标准的。
- Houman
8
我甚至无法弄清楚在哪里下载他们的软件或找到如何使用它的文档。这看起来不像是一个好的解决方案，也不能自定义。 - Scott Simontis
嗨，Scott，也许这个更适合你，因为你想要下载它：https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin - Houman
我最初访问该网站时并没有意识到这一点，感谢您澄清。它看起来是一个非常酷的工具。我的主要挑战是我已经有了数百个全景图像文件需要渲染，而且随时可能添加更多。我相信我可以自动化Vtility程序来为我创建它们，但是拼凑一些Javascript是我们的做法 :) - Scott Simontis
类似于这个网站：http://www.matthew25ministries.org/content/matthew-25-ministries-virtual-tour，ddpanoram也有一个很棒的样例：https://dl.dropboxusercontent.com/u/1791448/ddpanorama/sample.interactive.html。 - Houman
我对ddpanorama印象深刻，您知道它可以处理哪些类型的全景投影吗？我们的图像是圆柱形全景图，这意味着文件本身是一个宽阔的矩形表面 - 它会将全景图像创建为如果您正在将图像缠绕在苏打罐周围。我希望更多库能够指定这一点，因为我对不同类型的全景图和其限制并不了解。有关全景图类型及其独特功能的更多信息，请参见此处。 - Scott Simontis
显示剩余3条评论
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接