问题标签 [360-panorama-viewer]

我正在尝试将 360° 图像集成到我的网站中。但它不起作用，有人可以帮助我吗？提前致谢

当我尝试运行它时，出现如下渲染错误（图片）

我已经添加（在标题中）： <script src="https://storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>

在视图中我添加了： <div id='vrview'></div>

还有视图中的脚本：

<script> var vrView;

我正在实现一个概念以在 360 度视图中显示图像，例如 Facebook Android 应用程序中可用的。

为此，我探索了很多教程和 Github 存储库。

如果有人在Android中做过，请帮助解决任何问题。

谢谢。

到目前为止我探索的链接。

程序化图像视图

全景360

MD360Player4Android

全景视图

全景到 3d 转换器。

其中输入是房屋楼层全景图像，输出是 3D 平面图。

我正在尝试做这样的事情。

如何使用 Metareal Stage 从 360 度照片制作平面图

EyeSpyPLAN™ - 如何使用任何 360 度相机或手机创建 2D 和 3D 平面图

快速演示 CGI 图像

所以我创建了一个具有 panaroma 纹理的球体。这就是我所做的。

https://drive.google.com/file/d/13AL7sqmB_F14iRPA1eOhaSS_zSgl4_uI/view?usp=sharing

我正在使用平面缓冲几何。我正在从光线投射中获得的角顶点创建平面几何。

从 3d 坐标获取材质平面的纹理坐标，我将其转换为 uv 点。并在平面上应用相同的全景材料。

我能够创建平面图，但它并不好。我想改进这一点。

我需要帮助来理解。我怎样才能做到这一点。我所做的是对还是错。

我正在使用 Three.js 创建一个 Web 应用程序，其中我必须使用等距矩形图像进行全景游览。我想像 React360 和 AFrame 一样添加一个在普通模式和 VR 模式之间切换的功能。我不想使用 React360 和 AFrame，因为我的应用程序已经在使用 Three.js。

我检查了 three.js 示例，但没有一个示例使用 VR 的 equirectangular 图像。有没有办法将 equirectangular 图像转换为 CubeMap，那么，我可以用它在普通模式和 VR 模式之间切换吗？

我正在为一个项目使用 Pannellum.org 全景播放器，我正在将数据从一个 json 文件加载到 player.htm 文件中，每个场景看起来都像这样：

从与 player.htm 文件位于同一目录中的此 json 文件中获取多个场景。我想在 player.htm 中添加一些 JS，它在移动设备和平板电脑上使用“全景”的替代路径。

因此，我将在名为“panorama2”的 json 文件中设置第二个参数，如果设备是移动设备，它将使用此路径作为原始“panorama”参数，而不是设置的那个。

对于每个场景，是否有一种使用 JavaScript 执行此操作的干净方法？

我目前正在尝试向一些 Panolens Infospots 添加点击事件。当您单击 Infospot 时，应该会弹出一个框，就像您使用 时一样infospot.addHoverElement(element, 150)，只需单击而不是悬停。我尝试了一些不同的方法，例如使用 createElement （可以在代码中看到），但我似乎找不到有效的解决方案。这可能吗？

到目前为止，这是我的代码：

任何形式的帮助将不胜感激！

Right now I have implemented the image I want with glide, and the image is successfully loaded. However, I can only scroll in horizontal directions-to left or right-but not in vertical directions. Is it because of the version of my emulator? Or is something else in my code amiss. Whatever it is, please have a look. The layout file:

As for the java file(it is a fragment, actually)

我正在使用 aframe 库进行 360 度/全景图像视图。一切都很好，但唯一的问题是在全屏模式下，这个库隐藏了除图像场景之外的所有内容，我想要的是显示自定义关闭按钮，用户可以使用该按钮单击并关闭场景。我应用了 css z-index 但仍然没有成功。任何解决方案将不胜感激。谢谢

从网络加载 360 度图像时，我想在未加载图像时显示 circularProgressIndicator。但全景图一直显示空白背景：

代码 ：