问题标签 [react-360]

我目前正在尝试使用 react-vr 框架构建一个小型 vr 应用程序。在 Chrome 中的台式 PC 上，通过 chrome://flags 启用 WebVR 选项后，我得到“进入 VR 模式”按钮以从 360 度视图切换到真实 VR 模式。

现在我想使用cordova为我的应用程序制作一个Android应用程序。我有一部中兴 Axon 7 智能手机，它支持 Google Daydream。但是当我在手机上打开cordova App时，并没有得到进入VR模式按钮，只出现360度网页视图。在移动 Chrome 上，我还激活了 WebVR 选项，但我不确定这个选项是否也会影响 cordova 容器。

我不完全熟悉的是 cordova 在智能手机上的工作方式。我认为它使用系统默认的网络视图（在 android 上应该是 chrome？），但网络视图真的等于 chrome 浏览器（以及它的设置）吗？因此，如果我在我的移动 chrome 上启用 WebVR，这个选项甚至可以在我的 Cordova 应用程序中使用，还是我还需要在 Web 视图中启用它（我该怎么做）？

最后，这就是我所需要的：访问 cordova 容器中的 WebVR API 以获取“进入 VR 模式”按钮。关于如何实现这一目标的任何想法？

来自 reactVR 文档：“通过 Web VR API 提供对 VR 耳机的访问，它可以在 Rift、GearVR 或其他设备上显示。” （参见 反应 VR）

更新：我尝试通过 ADB Reverse 直接在移动浏览器（Chrome 和 Canary）中打开智能手机上的 react-vr-app，一切正常 - 我得到“进入 vr 模式”按钮，它甚至可以切换模式！所以我的问题必须位于科尔多瓦（以及网络视图中缺少的 WebVR 支持？）

UPDATE2：我将WebVr Polyfill添加到我的 Cordova 项目中，现在该应用程序以真实 VR 模式显示，即使在 cordova 容器中也是如此。这是一种可能的解决方法，但 polyfill 仅支持简单的纸板，在我的完美环境中，我也想使用 Google Daydream 控制器。所以仍然需要在 Cordova 中真正实现 WebVR API。

我是 React 新手并收到此错误：

RawText "; }" 必须用显式包装

当我尝试映射我的 JSON 数组时。每次我尝试映射某些东西时都会发生这种情况。我读过它与空格字符有关，但我找不到。关于如何调试它的任何提示？干杯! 这是代码

一直在尝试 ReactVR，我对处理事件几乎没有疑问。根据Cusors and Input中的文档，找出事件的类型就像阅读事件一样容易type。

可以通过检查类型字段来进一步过滤进入 onInput 的事件，该字段将是“MouseInputEvent”、“KeyboardInputEvent”、“TouchInputEvent”或“GamepadInputEvent”之一

但在下面的代码中event.type给出了undefined.

我最终能够通过这样做来嗅探事件类型

这是预期的行为还是我错过了什么。

几个相关的问题

1. 我们是否必须使用 event.nativeEvent 来嗅探事件？
2. 我们如何找出事件的目标，例如，如果我要将一个onInput事件绑定到 a Plane，目前正在检查 event.nativeEvent给出的target作为一个数值？一点帮助都没有。

3. 最后，ReactJS 调用事件的方式似乎在 ReactVR 中不起作用。例如，在前者中，我们只需

   但这不起作用，在后者我们必须

   为什么是这样？

注意：我对 ReactJS 有一些 exp，对 React Native 有零，如果很明显，我猜 ReactVR 倾向于后一种赦免

我可以在 ReactVR 中创建 2D 场景吗？我的意思是像普通 React 一样在屏幕上显示元素，例如，经典的 web 菜单将始终显示在屏幕上的同一位置。或者类似 3D 游戏中的 HUD。

尝试使用 react-vr Box 和 Animated 组件使 Box 在 Y 坐标上上下移动。

目前，我得到一个

无法添加属性 _tracking，对象不可扩展

错误。

下面的代码：

组件“立方体”使用Animated.createAnimatedComponent(Box);

index.vr.js 渲染方法将多维数据集道具传递给多维数据集组件：

谢谢您的帮助！

我使用来自simple-raycaster的代码（安装它对我不起作用）在我的 VR 屏幕上显示指针，它可以工作但有一些问题 - 在我的“身后”有一个方形空间，该指针消失并且不起作用。知道我该如何解决吗？

我有一个动画 gif，我想将其用作“全景”元素或类似元素的来源。这可能吗？

我想另一种方法可能是创建一个简单的循环电影，但由于我已经有了 gif，所以我想我会问。

我正在尝试构建我的第一个动画，我只想让球体旋转（比如头部向左或向右转）。

我查看了动画 API，但出现以下错误：

使用“rotateY”键进行转换必须是字符串或数字：{“rotateY”:0}

就像我的动画对象无法被 react-vr 解析一样。

这是我尝试过的：

即使我不调用该#turnLeft方法，也会在渲染组件时发生错误。

你知道我们应该如何实现这种动画旋转吗？

我目前正在使用 Adob​​e DTM 来跟踪我们网站上的事件。

现在，我正在处理一个主要使用 ReactVR 编码的网站，然后通过 ECMA6 将其添加到常规 HTML 页面上。

现在我正在尝试使用以下代码跟踪事件，但将其放入应用程序中。但是 DTM 需要一个我什至无法创建的 CSS 选择器，因为这些事件都不是由 ReactVR 驱动的，而不是传统的 DOM。

有没有解决的办法？

如果我的问题不清楚，请告诉我。

谢谢。

我用react-vr init App来启动一个示例项目，并且在整个场景中使用以下方法生成球体没有问题：

但现在我希望通过简单的Line几何图形连接球体。我尝试执行以下操作来创建线条，但我不知道如何添加到场景中。在普通的three.js 代码中，我会简单地使用scene.add()，但我不确定它在react-vr 中是如何工作的。