问题标签 [360-panorama]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
871 浏览

jquery - jQuery:如何创建 360 度视图表单照片

我正在尝试创建产品的 360/3D 视图。

为此,我首先使用 3dEye。有了这个 jQuery 插件,我所要做的就是将普通照片转储到一个文件夹中。Ej photos/cup-1/,photos/cup-2/photos/car/

现场样本: http ://stackoverflow.juvera.co/360-view/

但是,3dEye 有很多缺点。

  • 我在同一页面上只能有一个对象。如果我添加更多页面,它会用绿色覆盖覆盖其他对象,并且加载标签仍然存在。
  • 它没有缩放选项
  • 没有移动控件(如自动播放、左移按钮、右移按钮)
  • 等等

你知道我可以用一个非常好的 jQuery 插件(或其他解决方案)来完成这个吗?

它必须是移动友好的并允许屏幕滑动(用手指)

PS。如果我可以对全景和虚拟旅游使用相同的解决方案,那就太好了……但如果不是也可以

0 投票
1 回答
302 浏览

python - 尝试为 Pannellum 生成全景图片时出现 subprocess.check_call 错误

我正在使用Pannellum 全景查看器进行校园游览体验。为了改进对移动设备的支持,我想使用Pannellum 的多分辨率格式 ,使用包含的python 脚本来生成它的形式图像。

我是一个 mac 用户,对 python 的了解很少,并且能够从终端执行脚本(耶!)

python脚本的注释说明了要求:

我正在运行 Python 2.7.10,我确实安装了 Pillow 包并从他们的sourceforge mirror下载的“HuginStitchProject.app”(来自包内容)中获得了“nona”可执行文件。

从包含前面提到python generate.py basketball_court.jpg的可执行文件的文件夹中执行代码时,文件 和,我收到以下我无法解决的错误:nona*.jpggenerate.py

我看到了OSError: [Errno 2] No such file or directory,我缺少哪个文件?它看不到哪个文件?

任何帮助将不胜感激 :)

编辑:我很确定我没有任何可执行文件不是依赖项。我什至不知道可执行文件应该是什么样子。我应该寻找nona.py,nona.exe还是nona.sh其他东西?

0 投票
1 回答
1505 浏览

javascript - 如何在我的网页中嵌入 google vr 图像作为背景

我想使用 google vr 在我的网页上添加一个完整的背景 360 度图像我试图推动它,但我无法得到它我该怎么做?

0 投票
1 回答
2530 浏览

javascript - VR 查看 360 度全景照片,可能存在 CORS 问题

我正在尝试创建一个页面来显示我使用 Nexus 6 默认相机应用在全景模式下拍摄的 360 度全景照片。

使用 Google 文档,我创建了一个本地网站“video360.dev”

远程托管库似乎让我更进一步

我尝试了本地托管的图像、我的域上的图像和图像托管解决方案:

为了确保我不会发疯,我从现有的 codepen 中“借用”了一条工作视频线,它工作得很好,这只是关于我的图像或托管设置的问题。

我做了一个代码笔来尝试删除整个“本地托管”问题,因为我相信我有一个 CORS 问题,但不确定如何解决它。

本地托管时出现的问题

任何想法如何解决这一问题?

0 投票
1 回答
1069 浏览

unity3d - Unity3D:当将 360 度图像设置为其纹理时,球体的顶部和底部正在折叠

我刚从这里学会了将 360 照片放在球体内部,但是当我放置任何 360 照片时,顶部和底部看起来像是被压缩、缝合并钉在杆子上:\

在此处输入图像描述

编辑:尝试从 SO 答案中将 Cull Front 添加到此脚本中,但我仍然得到类似的东西

在此处输入图像描述

这是原因吗?

在我看来,它们似乎只有 720 或 1080 个垂直像素水平扫过 360 度,而缺少顶部和底部(给出圆柱形而不是球形图像)。我只是觉得一个像素扫过 360 度(沿 y 轴旋转时)会给出一条 1 像素的线,而这个水平平面圆需要沿 x 轴扫过以创建整个球体。如我错了请纠正我

如何将 360 度全景图片应用到球体内部,使其看起来像一个完整的虚拟环境?或者我不能?

0 投票
0 回答
1454 浏览

javascript - 三个js全景查看器多分辨率图像

如何实现三个具有多分辨率图像的 js 全景查看器,例如 pannellum:https ://pannellum.org/documentation/examples/multiresolution/ 。

当前代码在这里使用three.js:(//codepen.io/w3core/pen/vEVWML

  1. 从 equirectangular 图像到全景查看器。
  2. 我遇到了高分辨率图像的问题,需要很长时间才能渲染。
  3. 当我寻求一些解决方案时,Kprano 通过加载多分辨率图像而不是单个图像来解决这种情况。

所以我尝试加载多分辨率图像而不是单个 equirectangular 图像。

我在下面尝试的解决方案:

  1. 将单个 equirectangular 图像转换为低分辨率 6 立方体地图图像。

  2. 并像这个示例一样渲染这些图像。(https://threejs.org/examples/canvas_geometry_panorama.html

    /li>
  3. 如果放大任何立方体贴图图像,我需要渲染我的另一个中等分辨率图像。

击中这里

如何进行以下事情

  1. 缩放时如何渲染下一级分辨率的图像。

在下面的示例缩放图像中...

我已将缩放级别设为 0,但无法渲染缩放 1、2、3 等。

缩放:0(低分辨率立方体贴图正面图像示例)

在此处输入图像描述

缩放:1(缩放时,需要渲染下一组中等分辨率的平铺正面图像,如下所示)

在此处输入图像描述

缩放:3(进一步缩放时,需要渲染下一组高分辨率平铺正面图像,如下所示)在此处输入图像描述

缩放:4(缩放时,需要渲染下一组非常高分辨率的平铺正面图像,如下所示)在此处输入图像描述

0 投票
2 回答
267 浏览

c# - 虚线出现在光球图像中

我创建了一个光球并在球内添加了一个等距矩形着色器,然后我添加了图像。问题是(“图像上显示了虚线如何解决?)你可以看到虚线

图像有失真

我使用的着色器的源代码是

}

0 投票
1 回答
939 浏览

three.js - threejs:旋转全景图以查看相机方向

我有两个映射全景图像的球体。我想在 2 张具有淡入淡出效果的全景图之间进行平滑过渡。对于两个全景,我都设置了初始相机方向以获得最佳视图。现在的问题是,如果用户正在查看第一个全景图中的某个摄像机角度,然后他单击某个按钮来切换全景图,我想提供淡入淡出效果并直接降落在另一个全景图的初始摄像机角度上。但是由于两个全景都共享共同的相机,我无法使用相机来实现它,所以我设计了以下解决方案 -

描述问题的图像

  1. 旋转目标球体,使其朝向所需的相机方向。
  2. 旋转目标球体,使其看向现有的相机方向。
  3. 淡出源球体。
  4. 相机看看新的 panos 相机方向。
  5. 将全景旋转回初始方向。

在这里,我无法找到旋转全景图的公式来查看相机。(就像相机是静态的,全景旋转来达到类似的效果,就好像我们在移动相机一样)。有人可以帮助找到相对于相机旋转全景(球体)的公式。

0 投票
0 回答
247 浏览

android - 如何将 Insta360 Air Mini 连接到我的 OWN 应用程序

我有 Insta360 Air Mini 摄像头,黑色的带有 android 端口,我想开发自己的应用程序,我想从这个摄像头流式传输视图,有人试过吗?请回答,谢谢我在他们的网站上没有找到任何开发者指南,但是我找到了 ricoh theta。

0 投票
1 回答
461 浏览

android - 在Android中开发类似Google Street View的球形(360)全景相机

我尝试了很多关于开发像谷歌街景这样的 360 度相机,但仍然无法通过解决方案。

我尝试使用这个panoromagl-android,但这不是我想要的。

所以任何人都可以给我想法或建议任何东西来创建球形相机应用程序。