球面全景?

时间:2011-12-08 00:39:28

标签: javascript jquery panoramas

我在Photoshop中创建了一个球形全景图,我可以拖动并查看完整的360视图,但我必须在Photoshop中。如何将其转移到网上,以便用户可以使用javascript点击并拖动视图? (我可以访问Flash Professional CS 5.5但我没有使用它的经验,如果该程序对这个应用程序更好)还请注意我不能使用服务器端脚本。请仅限客户端脚本

编辑 - 如果有免费程序或基于javascript的版本,我正在寻找。我宁愿远离付费程序和为图像添加水印的免费程序。我不介意主图像下方的简单信用。

3 个答案:

答案 0 :(得分:3)

这是我几天前的问题,但现在不再存在了。你有很多方法可以通过插件(Flash,QTVR,甚至Java applet)或非插件 - HTML5在网页上展示它。

我个人推荐HTML5,因为它显然是网络的未来。谈到HTML5,你仍然有很多选择:

  1. three.js所

    • 立方地图全景I:客户端浏览器需要支持WebGL(这意味着iPhone无法查看此页面),您需要将全景图切割成6个立方体面。更多信息here
    • 立方地图全景II:客户端浏览器不需要支持WebGL(iPhone可以查看),每次通过CSS3d旋转/转换,您仍然需要将全景图切成6个立方体面。更多信息here
    • Equirectangular panorama:客户端浏览器需要支持WebGL。您只需要一个equirectangular图像。更多信息here
  2. pano2VR.js

    • 这是商业软件“pano2vr”的一部分。该软件可以将您的equirectangular图像切割成6个立方体图像,并将其显示在html页面中,一切都自动显示。不需要WebGL,iPhone可以查看它。更多信息here
  3. HTML5方式有更多选择,我不记得了。无论如何,希望这对你有所帮助。 :)

答案 1 :(得分:0)

如果您已经拼接/组装了图片,可以查看krpano Panoramic Viewer。这是一个显示全景图的Flash应用程序。它也可以在Javascript中使用。您可以在360Cities处看到它。

答案 2 :(得分:0)

我找到了几个解决方案:

我有Photoshop,我发现使用Zoomify它可以完成我正在寻找的内容并且它内置于Photoshop中。

我也看到了this和WebGL一起工作。