问题标签 [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 回答
232 浏览

aframe - 如何将实体或原语固定到框架中的 vive 控制器?

我在 A-Frame 中使用 Vive Controls 组件: https ://aframe.io/docs/0.3.0/components/vive-controls.html

我试图弄清楚如何在 VR 中将对象“固定”到 vive 控制器,以便用户始终在其控制器旁边看到一个对象。这可用于构建菜单或在附近浮动对象。

这是我尝试过的:

我尝试了一个更糟糕的 JavaScript hack 来尝试每 60 秒更新一次“leftItem”,但这显然是错误的做法。

0 投票
1 回答
443 浏览

ios - A-Frame IOS Inline video Phonegap

有谁知道是否可以通过 Phonegap 应用程序中的 A Frame 播放内嵌视频?

如果网页被固定到主屏幕并且我以这种方式访问​​网页,我可以在我的 iPhone 上获得内嵌视频。

(人们如何在这里使用它:https ://github.com/aframevr/aframe/issues/316 )

当我尝试通过电话间隙运行页面时,视频会全屏打开。

我已将服务器地址固定到我的主页。

我不太了解电话间隙(这是我第一次使用它),但补充说:

到 config.xml

谢谢。

0 投票
2 回答
225 浏览

three.js - WebVR 手机浏览器屏幕超时

由于浏览器中的屏幕超时,我尝试过的每个 Android 上的 WebVR 应用程序在 30 秒后都变得完全无用。有没有办法阻止它?

0 投票
1 回答
2732 浏览

aframe - 如何在 A-Frame 中显示 3D 对象?

我已经阅读了 A-Frame 文档并直接从中复制了代码,但是我无法以 .obj 和 .mtl 格式显示 3D 对象。这就是我所拥有的:

文档表明这可能是 A-Frame 的比例与对象的原生比例之间的比例不匹配的问题。它建议缩小它,所以我从 0.1 到 0.000001 的步骤中这样做了,但仍然看不到显示的对象(该对象和其他测试对象是从 TurboSquid 下载的,但没有显示)。

0 投票
2 回答
602 浏览

virtual-reality - A-Frame 链接遍历支持

A-Frame FAQ中,写道:

WebVR 1.0 API 和 A-Frame 0.3.0 中引入了链接遍历支持。有一个链接组件可以触发导航,并且内置支持了解用户是否正在从另一个 WebVR 体验导航。

但是, A-Frame Docs中似乎没有关于此链接组件的条目。如何使用这样的组件来触发链接遍历?谢谢你。

0 投票
0 回答
75 浏览

reactjs - 无法让外观控件正常工作

我无法让外观控件与aframe-react一起使用。WASD 控件工作正常,资产显示正常。

0 投票
1 回答
1037 浏览

youtube - 没有 iframe、three.js、A-frame 的 Youtube 视频

是否可以在没有 IFRAME 和播放器的情况下播放 youtube 视频?

我希望能够在视频纹理上播放视频。

你看我已经在这里完成了:

这是播放我自己的mp4的代码

我希望能够播放来自 youtube 的视频。

JW 播放器似乎可以播放 youtube 视频

有可能吗?我有什么选择?youtube 是否为附加功能提供任何类型的付费服务?

0 投票
1 回答
1454 浏览

javascript - 如何使用 THREE.js VREffect 渲染多个场景

我使用 StereoEffect 编写了 Three.js 应用程序,通过清除渲染器深度使用 3 个场景进行叠加。(使用这种方法Three.js - Geometry on another)。

但是,我现在需要使用 VREffect,以便更好地兼容 Gear VR 等头显,使用 WebVR Polyfill。

以下是代码片段,以显示其设置方式:

...其余的代码...

在我的动画循环中:

但是,这种方法在使用 VREffect 时似乎不起作用(仅在进入 VR 模式时 - EG 在我的桌面上查看它可以正常工作)。我认为问题在于renderer.clear()orrenderer.clearDepth()没有生效,因为画布是漆黑的,除了场景 3 中的一些元素。

此外,在注释掉场景 2 和场景 3 的渲染时,我可以很好地看到第一个场景中的所有内容,并且正确渲染。

查看 VREffect 和 StereoEffect 中的代码,我无法弄清楚哪一部分使我的更改无用。

任何帮助/提示将不胜感激。

0 投票
2 回答
219 浏览

aframe - 如何在作为我在框架中注册的原语的一部分的原语的组件上设置值?

我正在框架中注册一个由其他基元组成的基元。但我想独立地缩放和定位这些内部基元。但是由于位置本身是一个组件,这些内部基元没有位置,因此我无法移动它们。

如何在作为我要注册的原语的一部分的原语的组件上设置值?

确保您的浏览器支持 WebVR 以运行上面的代码片段。

我想将默认“组件”bmfont-text 中的默认位置定义为任意 xy 和 z。但我不能,因为这个“原始”本身没有位置组件。我怎样才能做到这一点?

0 投票
0 回答
225 浏览

three.js - 如何在 webVR 中模糊对象?

在我的场景中,我有一个发光的立方体。首先,我在纹理上渲染立方体,然后应用高斯模糊后处理渲染纹理。这样,当我不在 VR 模式下时,我就能得到正确的结果。这里是 -

在此处输入图像描述

但是当我进入 VR 模式时,它给了我扭曲的结果。请检查以下图片 - 请忽略线条和点

谁能告诉我为什么会发生?我是否必须进行任何调整才能在 VR 模式下渲染纹理?

更新:

我的代码是这样的 -

三.js 修订:77