问题标签 [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 投票
0 回答
109 浏览

three.js - 如何在 webXR 上重置相机的 matrixWorld

camera.matrixWorld.decompose()用来获取 AR 相机的当前矩阵,如下所示:

{x:0, y:0, z:0}当我按下 AR 按钮时,它们被初始化为默认值(例如位置)。(https://threejs.org/examples/jsm/webxr/ARButton.js

我想知道是否可以在应用程序运行时重置矩阵而无需返回并重新按下 AR 按钮。


更多详细信息: 我想知道是否可以将 AR 相机位置重置为 [0, 0, 0],就像重新启动 AR 会话一样。例如,如果我在将手机放在办公桌上时启动应用程序,则该位置将为 [0, 0, 0],我可以看到位于 [0, 0, -3] 的立方体。如果我搬到我的床上,我将不再看到我面前的立方体,因为它还在我的桌子上。如果我重新启动应用程序,那么我可以在我的床上看到立方体,因为默认位置 [0, 0, 0] 在我的床上。我想知道用户是否可以按下按钮将位置重置为 [0, 0, 0] 而无需重新启动应用程序。

0 投票
0 回答
706 浏览

html - 如何在 webXR 相机视图上覆盖 HTML 文本/按钮?

我正在尝试基于此示例创建我的 webXR 应用程序:https ://threejs.org/examples/#webxr_ar_cones

我想知道如何将 HTML 按钮/文本覆盖在 AR 相机视图的顶部。

我试图放置一个按钮,但一旦我按下Start AR按钮并进入 AR 相机模式,它就会消失。

我怎样才能做到这一点?

0 投票
1 回答
206 浏览

three.js - 如何在 webXR(AR) 中获取屏幕触摸的 2d 位置

在使用 Three.js 运行 webXR 应用程序时,我正在尝试获取 Android 设备屏幕上的触摸位置。

我正在使用https://threejs.org/examples/jsm/webxr/ARButton.js来检测用户触摸屏幕并且它可以工作。

以下是相关的代码行:

如何获得onSelect()函数中的 2d 触摸位置?

0 投票
1 回答
639 浏览

react-native - WebXR 在 React Native WebView 组件中不起作用

如何使https://xr-spinosaurus.glitch.me/在 React Native WebView 组件中工作?

现在将此添加到 react-native 仅显示 VR 选项,而不显示 AR 选项。

如果您直接访问链接,您可以看到 VR 和 AR 选项,但在 React-Native 内的 Web 视图组件中运行时我找不到 AR 选项但是如果我直接访问支持的 ARCore 上的链接,则可以使用相同的 AR 选项设备。

如何使此代码也显示 React-Native 中的 AR 选项?

0 投票
1 回答
519 浏览

three.js - Threejs WebXR控制器检测手

首先,我是 three.js 中的一个完整的菜鸟,目前正在努力检测控制器的手。我想实现这样的目标:

做这个的最好方式是什么?

0 投票
1 回答
626 浏览

three.js - ThreeJS WebXR第二次/第三次/第n次重新进入VR时修改相机属性

我在使用 WebXR API 时遇到了非常奇怪的体验。当我重新进入 VR 时,WebXR API 会更改 VR 相机属性。当我第二次、第三次或第 n 次重新进入 VR 模式时,相机会以某种方式切割我的对象(如下所示)。在此处输入图像描述

当我第一次进入 VR 时,它总是能正常工作(如下所示)。在此处输入图像描述

我想知道为什么对象在第二次/第三次/第 n 次 VR 尝试中被剪切,以及如何调试 WebXR 沉浸式 VR 相机属性。

我正在使用非常基本的 WebXR API 代码,如下所示:

0 投票
0 回答
46 浏览

google-chrome - 访问 webXR 示例网页时无法打开相机

我是 web XR 设备 API 的新手,我想做一些 webAR 测试,有两个问题,任何帮助将不胜感激。1. webXR 是否需要 ARCore、ARKit 或其他第三方 SDK 来运行 AR?2.访问此链接时手机摄像头打不开https://immersive-web.github.io/webxr-samples/hit-test.html使用google chrome 81,

我用两部手机测试了这个链接:SAMGSUN S7 edge 和 HUAWEI P20 Pro,除了灰色背景什么都没有发生。所以我错过了什么,为什么?

0 投票
1 回答
590 浏览

wordpress - WordPress 帖子中的增强现实 iFrame

我有一个托管在 cPanel 中的 HTML 文件 - https://ar.tiagoperes.eu/ar.html

打开它,您将能够看到以下内容

网络中的增强现实

如果我使用另一个 HTML 文件测试将此文件放在 iFrame 中 - https://ar.tiagoperes.eu/index.html

它按预期工作

iFrame WebAR

当我尝试使用将相同的 iFrame 添加到 WordPress 帖子中时

我得到错误

网络摄像头错误

名称:NotAllowedError

消息:在当前上下文中,用户代理或平台不允许该请求

错误

然后这就是我在帖子中看到的 - https://weblog.tiagoperes.eu/testing/

带有 AR 内容的 WordPress 无法正常工作

我已经测试了使用 Elementor 的 HTML 和自定义 HTML 元素以及使用 WordPress 编辑器添加 iframe,但在所有选项中仍然存在相同的错误。在 Windows 10 计算机和 Android 设备上使用 Chrome 和 Firefox 对此进行了测试。在所有情况下,错误仍然存​​在。

0 投票
0 回答
589 浏览

aframe - A-Frame 1.0 是否支持 IOS 和 android 上的无标记增强现实?

我遇到了一个关于 AR 模式下 WebXR 支持的A-frame 博客。但是 w3c 显示免责声明,其中说 API 正在开发中且不稳定。我试图理解这个谜团,自从 w3c 说“沉浸式 Web 工作组一直在为 AR 开发 WebXR API 以在 Web 上引入更开放的 AR 平台”以来,A-Frame 如何支持无标记 AR 今天

0 投票
1 回答
540 浏览

google-chrome - Chrome "immersive-vr" isSessionSupported 给出 false 与 threejs.org 示例

目前它看起来像 Chrome 83,虽然连接了 HTC Vive(安装了 SteamVR 1.9.16),但不支持任何 VR 体验。手动启动 SteamVR 时,还会找到耳机、控制器和基站。

https://threejs.org/examples/?q=webxr#webxr_vr_ballshooter

任何 VR 示例都声明“不支持 VR”

挖掘了一下,导航器描述了“沉浸式虚拟现实”会话不可用。以下代码的承诺响应为:false

与 WebXR 相关联的 Chrome (83.0.4103.61) 之前的标志不再可用。

任何想法我做错了什么?

编辑

Gives: Uncaught (in promise) DOMException: 不支持指定的会话配置。