问题标签 [360-virtual-reality]

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 投票
1 回答
1599 浏览

javascript - 如何在 360 度图像 A-Frame 上添加文本和图像

我想在 A-Frame 中的 360 度图像上添加文本和图像如何在 360 度以上添加文本和图像?

0 投票
2 回答
1652 浏览

youtube - 是否可以使用 ReactVR 链接到 360 YouTube 视频?

在 ReactVR for VideoPano的文档中

它演示了指向代码库中的视频。

是否可以链接到外部链接(又名 Youtube)?

因此,它将链接到https://www.youtube.com/watch?v=hkgYIr_LWPw&index=1&list=PL-BE7kqSgbEj44peyt5BmLK63kbDp7Rhu而不是 video.mp4

其余代码如下所示。

0 投票
1 回答
238 浏览

opengl - 如何(假)mipmap equirectangular 渲染?

在渲染 equirectangular 编码的 360 度纹理时,通常会有类似的查找

equirectangular 纹理已经非常预过滤。仅仅打开 mipmaping 是行不通的。u不连续,纹理本身在uv. 并且使用 2x2 框下采样创建 mipmap 也不适合 equirectangular。

但是假设 miplevel 的 2x2 框和硬件 mipmap 查找,是否有一种计算 lod 或梯度的好方法有意义?

仅使用 dFdx(v) 和 dFdy(v) 类型的作品来处理小视口。但一定有更好的方法吗?

0 投票
1 回答
1174 浏览

unity3d - 如何在 Unity 的 Unlit 球体中播放 Alpha 视频?

我正在尝试使用着色器“GoogleVR/Demo/VideoDemo InsideShader”在具有 StereoPanoSphereMaterial 的球体内播放 Alpha 视频,并用于播放 360 度视频。我在 Quad 上使用 GoogleVR/Unlit/TransparentOVerlay 着色器在球体内运行我的 Alpha 视频。当我在编辑器中运行它时,它似乎运行良好,但是当我在我的设备上运行它时,它只显示一个应该是透明的空白 Quad,并且也无法看到视频。我已经尝试使用其他给定的着色器以及 FX/Flare、Unlit/Transparent 来播放它,但没有用。关于如何在我的 360 度视频球内播放 Alpha 视频的任何提示?

编辑器中的游戏视图 编辑器中的游戏视图

编辑器中的场景视图 编辑器中的场景视图

在手机上查看 在手机上查看

0 投票
0 回答
165 浏览

ios - 在场景套件相机前投影 uiview 时的缩放问题

内容

  • 首先,我有一个 360(等角)图像查看器,方法是将图像作为纹理应用到一个球体上,并且以 scenekit 相机为中心。
  • 然后我进入“绘图模式”,我可以用手指在透明的 UIView 上绘图
  • 完成后,我将绘图并将其作为注释应用到我的球体

问题(带有视频示例)

问题出在第三步,秤没有正确保存。

https://www.dropbox.com/s/a2l3vvx92sa3cgh/drawing_defect_trimmed_480p.mp4?dl=0

临时解决方案 我能够在预期规模上添加一个幻数,从而减轻缩放问题,但它仍然有点偏离,从技术角度来看显然不是最理想的。

例如“scale_used = expected_scale + magic_constant”</p>

实施细节

  • 我在 Scene Kit 世界中的某个自定义距离处将 UIView 投影到 Scene Kit 相机前,并尝试制作它,以便新的 Scene Kit 节点具有完全相同的视觉大小。

  • 方法是使用相机 zNear -“(screenHeight * distance / Float(zNear))”计算项目的透视投影,该项目位于 drawContentItem.distance 处。

  • 然后我们假设场景套件的可见世界的大小是从-1000到1000;视角为60度;并计算场景 Kit 近平面视图与 UIView 的比率 - “(sceneScreenHeight / nearPlaneHeightInWorlCoordinates)”。

  • 这给了我们在世界坐标中绘制的最终高度,我们用它来计算比例。

  • 但似乎公式中有一些错误,导致需要神奇的数字。:(

0 投票
2 回答
887 浏览

android - 无法在 webView 中加载 360(也是 VR)图像

我有一个移动网站的 360 图片链接,但我想在我的应用程序的 WebView 中加载它。Link 在本机移动浏览器和 Google Chrome 上完美运行,但在我的应用程序的 WebView 中却不行。

任何帮助表示赞赏。谢谢。

0 投票
1 回答
260 浏览

components - 如何通过点击同时触发音频和天空盒图像/视频球?

尝试修改此组件,以便每次通过单击更改天空盒图片时它可以播放不同的音频。有什么建议可以做到吗?

另外,我有没有机会在这样的组件中同时使用图像和视频球?谢谢!

这就是我现在所拥有的,我正在尝试为每个球体点击事件添加声音,同时在最后一个事件中将“4.jpg”更改为 360 度视频。

0 投票
1 回答
461 浏览

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

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

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

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

0 投票
1 回答
992 浏览

aframe - A-Frame (aframe.io) 360 度图像(谷歌地图街景功能)

我有一个 360 度图像,我正在使用框架显示。

我的问题是,是否有任何交互性(如谷歌地图街景),我可以使用叠加箭头并将用户带到另一个 360 度图像?是否有可能做到这一点?如果可能的话,我将如何添加这种类型的功能?

是否可以在 360 图像上添加文本或 html 链接?

我意识到这不仅仅是一个问题,但希望有人可以帮助我。我真的很喜欢A-Frame。

0 投票
1 回答
519 浏览

3d - 三组物体在小车的摄像机前

我正在使用

这真的很好用。

我现在必须旋转相机(它用于 VR 视频播放器)来设置它的起始位置并这样做并且仍然使用 WebVR 样板,我将视频添加到一个小车对象并旋转它。

而且物体现在不在相机前面。我正在尝试将小车旋转应用于矢量以解释该角度。

这主要适用于相机具有特定角度但有时不是并且对象也在其 x 轴上旋转的情况。

我假设 rotation.y += dolly.rotation.y;是错误的,但我不确定合并数字的更好方法。