问题标签 [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.
javascript - Web XR 的事件监听器
在 Web VR API 中有一个用于进入/退出 VR 显示的事件监听器;
Web XR API 是否有等价物?
augmented-reality - AR.js 3 图像跟踪找不到自定义图像
我正在尝试将图像跟踪与我自己的图像一起使用。当我运行应用程序时,我看到 NFT 已加载(控制台:),[info] Loading of NFT data complete.
但在扫描图像时没有任何反应。
NFT 文件保存在文件夹 nft_img 中。我用于 NFT 文件的图像非常简单。
virtual-reality - 查看 WebXR 内容时闪烁
在 android Chrome 80 中,当禁用WebXR 设备 API标志时,我希望 Webxr polyfill 应该播放 VR 输出。但内容闪烁,我无法击中 VR 世界中的任何物体。知道为什么会这样吗?
如果启用了WebXR 设备 API标志,我将正确获取输出。我包含了 webxr polyfill ( https://github.com/immersive-web/webxr-polyfill ),但不确定它是否有效。如何检查 polyfill 是否给出正确的输出?我们是否需要单独构建WebXR Polyfill以支持 chrome 80?
google-chrome - WebXR 内容未在 chrome 81 中播放
我在我的 android 手机中获得了 chrome 81 更新。更新后,WebXR 输出无法播放。“进入 VR”选项未出现。在调试时,我发现navigator.xr.requestSession请求处于挂起状态并且没有得到解决。还有其他人遇到过这个问题吗?是铬的问题吗?
oculus - 如何在 WebXR 中设置 highRefreshRate?
对于 WebVR,我发现:vrDisplay.requestPresent ([{source: canvas, attributes: {highRefreshRate: true}}]);
仅适用于 WebXR: requiredFeatures: ["local-floor"]
对于 requiredFeatures:[“highRefreshRate”]。我在 Oculus Go 中收到“请求无法识别的功能:highRefreshRate”错误。我可以获得支持的功能吗?
以及如何设置'foveationLevel:3'?
aframe - 是否可以在 A-FRAME 中仍未添加 Vive Focus Plus 控制器的情况下使用 HTC Vive Focus 控制器?
我正在使用 A-FRAME 和 Vive Focus Plus 耳机进行一个项目,由于 Vive Focus Plus 仍未包含在 A-FRAME 中,我正在考虑使用其他一些 HTC 控制器。当我使用激光控制组件时,会出现一个 vive 焦点控制器,但我无法显示其中两个。每当我使用:
它只显示控制器最后定义的手(左或右)。
我也尝试过使用:
和
但随后没有控制器出现。
我正在使用 A-FRAME 1.0.4,并且 vive focus plus 配置文件已经包含在 webxr 输入配置文件注册表中。
我还在 Vive Focus Plus 耳机中使用 Firefox Reality APP 表单。
javascript - Three.js - 关于 StereoCamera 中 eyeSep 的问题
所以我正在使用 Electron 和 Three.js 创建一个 WebXR 应用程序。我正在使用 StereoCamera 类来模拟 VR 耳机所需的立体效果。现在 StereoCamera 类提供了一个名为 eyeSep 的属性,它模仿了用户的 IPD(瞳孔间距)。在我的应用程序中,我允许用户通过使用范围滑块来调整 eyeSep 值,但我遇到了一个小问题。
所以我的问题不应该是相反的吗?随着 IPD 减小,图像应该靠得更近,如果 IPD 值增加,图像应该离得更远?
然后这是我用来更改 eyeSep 值的 javascript 代码
然后是 HTML 滑块的代码:
也许也许我是那个把这一切都倒过来的人。我真的可以使用了解 three.js 中的 Stereocamera 类或以前从事过类似工作的人。任何帮助表示赞赏,谢谢。
three.js - 如何使立方体始终出现在 XR(手机)相机前面?
我正在尝试使立方体网格始终位于 XR 相机前面。
无论我如何移动手机摄像头,立方体都应该出现在摄像头的正前方,只显示立方体的一侧。
首先,我在一开始就在场景中添加了一个立方体网格:
然后尝试在 XR 摄像头前画出方框:
当我运行代码时,立方体出现在我的手机摄像头前。
但是当我旋转手机时,立方体会在不跟随相机的同一位置旋转。
我也尝试过xrCamera.add(box)
,但它似乎不起作用。
如何正确地使立方体始终出现在 XR 相机前?
ios - 如何在 iOS 设备上运行 webXR(AR)?
我尝试在我的 iPad(iOS 14.4.1)上运行https://threejs.org/examples/#webxr_ar_cones示例。
我尝试在 XRViewer、Chrome 和 Safari 中运行它,但示例的 AR 按钮显示“WEBXR NOT AVAILABLE”。
那么目前是否无法在 iOS 设备上运行 webXR (AR) 应用程序?