问题标签 [webvr]

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 回答
1480 浏览

javascript - 在 a-frame 中使用刻度函数根据相机位置更新对象位置

我正在使用 A-Frame 并希望一个对象与相机一起移动。为此,我组装了一个组件,该组件根据相机位置更新对象的位置:

当我使用init而不是,这工作正常,tick但由于它是一个初始化函数,它只在场景开始时更新一次。出于某种原因,当我使用tick一切都会中断。我用错了吗?我应该做一些不同的事情来不断更新它的位置吗?

提前致谢!

编辑:我应该提到目标是让一些东西跟随,但不要固定在你的观点上。想想《时之笛》中的 Navi。

0 投票
2 回答
1284 浏览

three.js - VR HUD 的好解决方案?

我正在使用 THREEjs 和 webvr-boilerplate 开发游戏。我正在为如何正确渲染始终保持在场景顶部的 HUD(分数、距离、通电等)而苦苦挣扎。我试图拥有一个平面(具有从隐藏的画布元素引入的纹理),但将其放置在空间中证明很困难,因为我无法匹配正确的深度。

请问有什么线索吗?:)

0 投票
1 回答
151 浏览

ruby-on-rails - 我在我的 Rails 应用程序的资产管道中包含 AFRAME 时遇到问题

我想将AFRAME包含到我的 Rails 应用程序中。所以我下载了缩小版的 aframe 并在我的 Asset Pipe 中写了\\= require aframe.min.js

当我尝试访问我的AFRAME对象时,我收到一个错误,该错误与我缺少与 A-Frame 关联的 ThreeJS 文件有关。

有没有办法从 cdn 的 url 而不是从我的本地服务器加载A-Frame js 文件?

0 投票
0 回答
56 浏览

aframe - 在 Nexus 5x 上正常,在 Pixel 上双视

使用 A 帧,在 Nexus 5x 上,我的场景看起来不错。然而,在 Pixel 上,其中一只眼睛的内容相距太远,导致在耳机打开时图像出现双重视觉。有谁知道解决这个问题?会不会是更大的屏幕?

谢谢

0 投票
2 回答
3323 浏览

aframe - 如何在 iframe 中运行 WebVR 内容?

我有一个 A-Frame WebVR 场景。我正在尝试将其放入 iframe 中。

但是当我进入 VR 时,它并没有全屏渲染到 VR 耳机。如何在 iframe 中启用立体 VR?

0 投票
0 回答
310 浏览

javascript - 立体效果的框架问题

当我在 Android 设备上测试 VR 模式时(通过 google cardboard),似乎没有立体效果?两只眼睛看到的画面不一样,但是当我把手机放进纸板的时候,它们不匹配,这意味着实体重叠,但不是一个集成的立体事物.. 在此处输入图像描述

这是我的源代码:

提前致谢!!

0 投票
2 回答
1353 浏览

aframe - 无需单击 vr 按钮即可在框架中自动进入 vr 模式

嗨,我正在开发基于框架框架的 VR Cordova 应用程序。

在我的应用程序中,用户每次希望进入 VR 模式时都必须点击进入 VR 按钮。但实际上它应该在没有任何输入 vr 按钮单击的情况下启动 vr 模式。我已经尝试在线寻求解决方案,但没有任何帮助我完成我的要求。我什至尝试使用 jquery 进行自动点击,但它不起作用,因为它的加载速度很慢或其他任何我不知道确切原因的东西。我正在寻找用户可以默认进入 vr 模式的简单解决方案。我的意思是不点击任何按钮。

希望我能在这里得到更好的答案和例子。

提前感谢您的帮助。

0 投票
1 回答
335 浏览

data-visualization - 如何开始使用 A-frame 对数据进行建模?

对于初学者,如何使用 A-frame 对简单的数据节点和关系进行建模。我想创建一个基本的 VR 可视化?我可以上传文件吗,它是什么格式,我还需要做什么?感谢您对入门或链接的任何帮助!

0 投票
3 回答
1824 浏览

unity3d - 使用 WebGL / ThreeJS 的 Hololens 应用程序

我有一个用 JavaScript 和 ThreeJS 构建的 WebGL 应用程序。我能够稍微轻松地启用 WebVR 来创建一个身临其境的环境。我认为我的应用程序是混合现实/AR 的更好用例。Hololens 似乎是该硬件领域的大玩家。

当我查看 Hololens 周围的开发工具时,它几乎是 Unity 和 C#。两个很棒的工具,但是当我开始在这个封闭的环境中进行开发时,我觉得我正在构建一个 Silverlight 应用程序。

我一直在试图弄清楚是否有一个技巧可以让我用我的 WebGL 应用程序创造一种身临其境的体验。我知道我可以使用 Edge 浏览器,但是,这是一种平淡无奇的体验,对这个用例没有任何价值。

我找到了几个链接:

所有这些似乎要么是 2d 体验,要么是使用摄像头和 WebVR 的“假”AR。此外,我还研究了使用 Unity 的 JavaScript 语言功能将我的 WebGL 应用程序移植到 Unity,以发现它实际上是实际 JavaScript(称为UnityScript)的子集分支,因此付出的努力比它的价值要大得多。

鉴于这一切,我想知道它是否有可能完成这一壮举,是否有人知道这是否是微软路线图上的东西?

0 投票
1 回答
203 浏览

google-chrome - 在 google chrome mobile 中为特定的 google cardboard/VR 设备配置 WebVR

我使用 A-Frame 创建了一个简单的 WebVR 应用程序。在我的手机上,它会进入 VR 模式,但它似乎没有很好地配置为我的谷歌纸板模型。这两个图像相距很远,我得到的只是双重视觉而不是 3d 效果。

我可以通过将 cardboard 配置为 google cardboard 的特定型号,在 google cardboard 应用程序上获得良好的 VR 体验。是否有可以在谷歌浏览器中完成的等效操作来告诉它我正在使用的纸板型号/显示距离等?