问题标签 [webxr]

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 投票
2 回答
399 浏览

oculus - React-360 Oculus Quest 不会进入 VR 模式

我必须遗漏一些东西:我安装了 node.js,安装了 react-360,创建了 Hello360 应用程序,但无法通过 Oculus 浏览器在我的 Oculus Quest 中让页面进入 VR 模式。它只是看起来和在 PC 上一样。

谷歌搜索了一段时间后,发现一个说明它只适用于 https 所以我得到了它的工作并且......不,没有 VR。

在 Windows 10 专业版下。

0 投票
1 回答
3846 浏览

javascript - 在 Three.js 中按下按钮的 WebXR 控制器

我想弄清楚如何使用 three.js 和 webXR 为我的 oculus quest 和其他设备绘制控件。该代码有效,并允许我移动控制器,将气缸映射到每个控件,并允许我使用触发器来控制以更改气缸的颜色。这很棒,但我找不到任何关于如何使用操纵杆、手柄和其他按钮的轴控制的文档。我的一部分想要相信它就像知道要调用哪个事件一样简单,因为我不知道还有哪些其他事件可用。

这是我基于此的教程的链接。https://github.com/as-ideas/webvr-with-threejs

请注意,此代码按预期工作,但我不知道如何更进一步并做得更多。

0 投票
0 回答
91 浏览

javascript - A-frame / 其他 js lib,改变 VR 眼睛角度或眼睛摄像头位置

在A帧库的VR模式下,是否可以改变眼睛的视角?我的意思是,让双眼不要看同一个点,而是看不同的项目。我知道它可能会给用户带来不适。

改变相机(眼睛)位置(不是角度)也将不胜感激。

如果 A-frame 使用 WebXR api,我发现有一个名为 XRView.projectionMatrix 的属性,但是它是只读的。我正在寻找类似但可编辑的东西。

0 投票
1 回答
931 浏览

javascript - 如何在 Three.Js 中添加按钮作为 UI 元素

因此,使用给定示例webxr_ar_hittest中的代码,我将一个对象放在我的房间里。现在我想通过按一下按钮来旋转对象。
我找到了一些关于如何添加 UI 和 HUD 元素的信息,但从未与任何“webxr 全屏”示例结合使用(我不知道如何调用它)。
所以我想要么有一个显示在我渲染场景上的 DOM 元素,要么有一个场景中的按钮。

有没有我没见过的threejs的任何功能可以帮助我?

0 投票
1 回答
58 浏览

migration - WebXR:如何从 Oculus Go 迁移到 Quest?

我在https://www.ibiblio.org/e-notes/webxr/mini.htm的 WebXR 分子查看器(纯 JavaScript + WebGL + WebXR)中使用 Oculus Go 控件(触摸板 + 触发器) 。要从 Go 迁移到 Quest,我想知道,Quest 上的“selectend 事件”和“xrSession.inputSources[0].gamepad.axes[0/1]”对应于什么?

0 投票
0 回答
22 浏览

javascript - 有什么方法可以隐藏沉浸式 VR 立体视图?我只想用这个vr的空间追踪功能

请求沉浸式虚拟现实本地会话始终打开全屏最顶层立体 GL 视图。我不想在我的应用程序上看到这个。我只想使用这个 VR 的空间跟踪功能。例如我希望这样使用。

这足以在我的应用程序中进行一些室内定位和导航。谢谢你,但请告诉我如何隐藏自动触发会话请求的全屏立体视图。

如果在内联会话中可以进行空间跟踪,那也可以,但我发现它由于某种原因被禁用。

0 投票
3 回答
389 浏览

google-chrome - WebXR 和 WebRTC 不能同时工作

我是 WebXR 的新手。我试图将 webRTC 与 WebXR 一起使用。用户将首先进入 AR 会话,然后创建 WebRTC 对等连接,但用户处于 AR 会话中的 Android 版 Chrome 中不会生成候选冰。一旦用户退出 AR 会话,ICE 候选者就会被转移。这是Chrome中的错误吗?

0 投票
1 回答
1197 浏览

javascript - Three.js WebXR(AR) 将物体竖立在墙上(如何正确旋转)

我正在尝试将一幅画直立在墙上(分别是垂直对齐的表面),但在正确旋转时遇到了困难。为了使示例保持较小,我删除了绘画材料并将问题转移到标线。正如您在最后两张图片中看到的那样,将标线放在墙上时非常扭曲。

我的目标是让局部 x 轴始终平行于地板,并且局部 z 轴指向下方。

这与焦点在地板上时标线的 z 轴始终面向相机的侧面事实有关吗?

我试图用反向旋转去除不需要的旋转并改变欧拉顺序,但在我看来这是一个更普遍的问题。有人知道如何解决这个问题吗?我无法解决它或找到合适的解决方案,感谢任何帮助。

我从这里得到了主要代码:https ://github.com/mrdoob/three.js/blob/master/examples/webxr_ar_hittest.html

在此处输入图像描述 在此处输入图像描述 在此处输入图像描述 在此处输入图像描述

0 投票
0 回答
20 浏览

javascript - 了解动态生成 A-frame 对象的 setAttribute 和 appendChild 函数中的问题

这是代码:

这是错误:

(index):18 Uncaught TypeError: Cannot read property 'appendChild' of null at loadChunk ((index):18) at initLoad ((index):24) at (index):38 loadChunk @ (index):18 initLoad @ (索引):24(匿名)@(索引):38

不知道我不知道什么。:P

0 投票
1 回答
291 浏览

augmented-reality - 如何在第 8 面墙中为粒子系统添加自定义纹理图像?

我正在研究第 8 个墙粒子系统(https://www.8thwall.com/8thwall/fireworks-aframe),我想添加自定义纹理而不是默认的“star2.png”。我在资产下创建了一个“图像”文件夹并尝试引用它,但它不起作用。

对上述内容的任何帮助/建议都会很棒!