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

aframe - 在 A-Frame 中进入 VR 模式时场景渲染为黑色

我正在使用 A-Frame 0.3.0。屏幕上的一切都很好,但是当我进入 VR 模式时,它会呈现黑色。从 9 月开始,我已经尝试了最新的 Chromium 和 Firefox Nightly 版本。即使是 A-Frame 示例也不起作用。

0 投票
2 回答
627 浏览

aframe - 访问 Raycaster 成员

在我的场景中,我使用脚本来创建一个带有 raycaster 组件的实体。这很好用,并且事件侦听器与我的地面对象碰撞时工作正常。但是我的地面不平坦,我需要知道光线投射器击中的地面高度。据我所知,仅靠 A-Frame 提供的功能是不可能的。我想调用 THREE 的 raycaster.intersectObject,但我无法获得对 THREE raycaster 的工作参考。A-Frame 文档提到了一个名为 raycaster 的成员,但它对我来说是未定义的。我尝试了一些不同的东西,但无济于事。我的下一个计划是制作一个新组件,但我想我会先在这里问。

有什么线索吗?我确定我在做一些愚蠢的事情。

0 投票
2 回答
961 浏览

javascript - 在 A-Frame 中,如何从 raycaster 相交事件中更改实体的属性?

我已经使用Mozilla 的 A-Frame将 raycaster 连接到了 vive 控制器实体。我希望一些相交的对象在相交时改变不透明度。这些对象在不相交时应该是不可见的(不透明度为 0),相交时不透明度为 0.5。

我设法创建了一个组件,该组件在 raycaster-intersected 事件时触发一个函数。但是,我很难弄清楚如何从此函数更改相交对象的属性。

a-frame raycaster 文档说 raycaster-intersected 事件细节“将包含 el,raycasting 实体和 intersection,一个包含有关交叉点的详细数据的对象。” 我如何访问这些?我尝试了以下并收到错误“未捕获的类型错误:无法读取未定义的属性'setAttribute'”

0 投票
1 回答
253 浏览

squarespace - 使用 A-Frame 和 Squarespace 构建 WebVR 网站

我正在尝试制作一个 WebVR 网站。我目前使用 Squarespace 作为我的网站构建器(不要评判我)。当我在代码注入部分将我的代码包含到标题中时,我使用 A-Frame 网站提供的以下代码:

但是,我在右下角看不到标准的 Google Cardboard 图标。我做错了什么,还是 Squarespace 尚未启用此功能?

0 投票
1 回答
1239 浏览

google-chrome - 从 Chrome 命令行设置 enable-gamepad-extensions

我无法--enable-gamepad-extensions从 Chrome 命令行设置(WebVR 实验版本 56.0.2902.0(64 位))

--enable-webvr在命令行上设置可以正常工作,并且从设置也enable-gamepad-extensions可以chrome://flags正常工作。

我猜这可能是因为它enable-gamepad-extensions是一种三向设置(默认/启用/禁用),而不仅仅是一种双向设置。我看到本地状态文件中的相应条目是

并在此基础上尝试了各种实验,但还没有找到可行的方法。

0 投票
0 回答
737 浏览

javascript - GL_INVALID_OPERATION : glDrawArrays: 绘制的源纹理和目标纹理相同

我创建了一个 cubeCamera,它为我的一些实体的材质生成所有反射。

为了使它成为一个可以被任何需要它的元素访问的相机,我将它设为全局并通过一个自定义组件对其进行初始化,该组件在 <a-scene> 加载后调用。

这样,我以后可以创建一个对象并分配cubeCamera.renderTarget; 到它的envMap

一切都很好。

问题是,一旦我的场景加载并且tick:function()开始执行它的操作,我会收到以下错误: GL_INVALID_OPERATION : glDrawArrays: 绘制的源和目标纹理是相同的。

即使有这些错误,我的场景也可以在桌面和 android 上运行,但会在 iOS 上崩溃任何浏览器。

0 投票
2 回答
894 浏览

math - 在球体 [AFrame] 上添加相机前面的形状(相机旋转/相机位置)

我一直在尝试创建一个简单的应用程序,在球体上显示 360 度图像。下一步是在用户平移时动态地将“热点”添加到该图像上。

我尝试了许多不同的方法(包括深入研究 Three.JS),但似乎并不那么容易。(UV、位置、顶点等)。

A-Frame 在让开发人员启动和运行变得超级简单方面非常棒。我设法找到了一个示例,其中一个球体上有两个“热点”,当悬停/聚焦时,球体背景发生了变化。

我希望在相机方向上创建一个新的“热点”,但是事实证明这非常困难,因为相机位置永远不会改变,但旋转会改变。

例如,平移后,我看到以下内容:

理想情况下,要在这个位置创建一个新热点,我假设我需要做的就是将旋转值添加到位置值,这将是热点的正确位置,但不幸的是,这不起作用,热点位于错误的位置,它没有面向相机或不再在视野中。

如何在相机视点(中间)中创建“热点”?

我已经设置了一个代码笔,它应该有助于显示我遇到的问题。理想情况下,当我平移并单击“创建热点”时,应该直接在中间创建一个“热点”(就像红色和黄色的一样)。

谢谢!

更新:我的一个想法是有一个没有背景的次要球体(较小的半径)。如果很容易知道与之相交的相机视图的 XYZ 坐标,那么这将变得非常简单。有没有办法找出来?

0 投票
1 回答
1404 浏览

javascript - 如何在 Aframe webvr 中动态添加标签

我想要做的是点击我想在场景中动态添加图像的图像。问题是添加了标签,但我无法为其附加 src 属性。我收到此警告

core:schema:warnsrc组件/系统的未知属性undefined

我想要做的是,当我单击图像时,我希望图像动态显示,当我再次单击时,它应该被销毁。我还想在插入图像时添加动画,就像淡入效果一样。这是我的代码

如果有人能告诉我如何添加动画效果,我也会非常感激。我刚刚学习 webvr,并且从 3 天以来一直试图解决这个问题。

0 投票
1 回答
288 浏览

aframe - 如何限制相机在 a-frame WebVr 中显示的显示大小

我在 A-Frame 中有 2 个问题

首先是在 A 帧中假设我有一个相机,我希望它只显示某个尺寸,例如 1366x768 或 700*700,我该如何实现?

我已将相机附加到实体标签

第二个是,是否可以用相机移动天空盒,以便我总是看着天空盒中的同一个位置?

0 投票
3 回答
839 浏览

aframe - aframevr如何打开网址

使用 AFrame VR 是否可以“单击”VR 场景中的链接?

我们正在尝试构建一个观众可以凝视对象的世界,然后这将在当前选项卡中打开一个 URL,其中包含另一个 VR 世界。

这些 URL 都将位于同一个域中。

谢谢。