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

aframe - A-Frame Super Hands 旋转抓取的物体

我正在使用 A-Frame、A-Frame Physics 和 Super Hands。我有一个简单的场景,我可以在其中放置一个对象(现在只是一个盒子)和一些控制器。当我在 VR 中查看这个场景时,我可以抓住盒子、移动它并调整它的大小,但我无法旋转或旋转对象。

我希望旋转与握住物体的手的旋转相匹配。所以如果我用右手抓住一个物体,然后转动那只手,物体应该旋转相同的量。

0 投票
1 回答
100 浏览

javascript - Three.js WebGLRenderer 与现有上下文

我有一个WebGLRenderingContext与 XR 兼容的),它被常规的 WebGL 调用所绘制,我还想使用 Three.js 在它上面进行渲染WebGLRender。出于某种原因,THREE.WebGLRenderer使用现有上下文创建一个(即使render从未调用过)会使画布变为空白,之后不会显示任何绘图。

0 投票
2 回答
414 浏览

typescript - WebXR 打字稿支持

我想尝试使用 webxr 并设置了一个打字稿项目。根据WebXR

我应该执行以下操作:

我的打字稿设置navigator.xr显示为错误。 在此处输入图像描述 在此处输入图像描述

我想知道如何为webxr. 我的tsconfig样子是这样的:

0 投票
1 回答
340 浏览

three.js - 在 Three.js 中访问 VR 耳机方向

如何在 Three.js 中访问 VR 耳机方向?WebXRManager 似乎没有提供这样做的方法。

0 投票
1 回答
304 浏览

javascript - 如何查找 xr 会话何时开始three.js webxr

我想在 ar 会话开始时切换轮播目录的样式属性,所以我写了这个:

但它不起作用,如何知道 xr 会话何时开始?

0 投票
1 回答
40 浏览

javascript - 如何在从场景中删除的所有对象(仅限模型)的情况下重新启动 webxr 会话

目前,当 webxr 会话重新启动时,屏幕上显示了 2 X 个先前的对象,我想显示清晰的屏幕,就像会话重新启动一样,目前我这样写:

这将删除所有内容并且 ar 功能丢失,因此如何仅删除在 webxr 中添加的模型(它们可以是 gltf 或 obj 格式),我在 webxr sessionend 侦听器中编写了这个

0 投票
1 回答
104 浏览

mobile - A-frame 屏幕空间反射

是否有任何教程或简单的方法可以在 A 帧中使用屏幕空间反射?我知道有一些方法可以使用 hsls 着色器,但对我来说可能需要很长时间(我是一名艺术家,并且了解着色器,但只是一些基础)。这个想法是保持移动设备的性能,如果它对 VR 是可行的。

同样,屏幕空间反射会在 VR 中对双图像造成一些问题,有什么办法可以避免这种情况吗?就像只使​​用一只眼睛来创建反射一样。

0 投票
1 回答
206 浏览

three.js - threejs - 重新定位后使用控制器在 AR 中进行光线投射

我对threejs相当陌生,所以我正在做的可能不是最有效的方式。

我在移动设备上的 AR 中有一个对象,我想知道在触摸屏幕时是否与它相交。
我使用下面的代码来生成光线投射,它最初可以工作。

但是,我有能力通过移动和旋转整个场景来重新定位对象(即重置位置,使对象在前面,相对于当前相机方向和位置)。

重新定位后,光线投射完全偏移,不会在我触摸屏幕的任何地方投射光线。

重新定位是这样完成的(虽然它有效,但如果有更好的方法,请告诉我!):

如何实现将光线投射到正确的新位置?

谢谢!

0 投票
1 回答
242 浏览

aframe - 如何在 aframe-v1.1.0.min 中使用 collada 模型

自 2018 年以来,我一直在使用 a-frame 向我工作的导演展示我的场景图。我为我的对象使用了 colladas 文件,一切都很好,我的纹理也如我所愿。但是自从 webxr (aframe-v1.1.0.min) 出现后,它不再可能使用 collada 我已经尝试过 Gltf 文件,但它太重并且不能令人满意。所以我想知道如何将 collada 放回 a-frame scipts。我试过:“collada-model-legacy.js”和另一个文件夹中的“ColladaLoader.js”,但它不起作用。你有解决方案吗?谢谢

0 投票
0 回答
56 浏览

web - 如何使用 WebXR 在我的房间中放置一些对象?

我想使用 WebXR 构建一个应用程序,在房间中的一些预定义位置显示一些对象。因此,通过使用手机上的摄像头,我将能够捕捉到我周围的真实世界,并叠加计算机生成的内容。基本上是增强现实,但对象是根据真实世界的房间而不是相机的 xyz 轴定位的。首先,我想为我的房间建立一个模型并将对象放置在那里,使它们在使用应用程序时可见。不幸的是,我在网上找不到任何有用的东西。有谁知道这个问题的解决方案或有一些参考资料可以建议我?

如果您对 WebXR 非常熟悉,请告诉我,因为这项技术对我来说非常新(显然对世界来说也是如此),我想问一些问题 :)

谢谢!