问题标签 [react-360]

我正在使用 MobX 创建一个 react 360（以前的 reactvr）项目。我在设置 Redux 时非常痛苦，为了简单起见，我选择使用 MobX。我要重新创建的是这个 youtube 视频React VR 演示 2017中介绍的项目。

我对 JS 和 VR 场景相对较新，我正在尝试理解 React，特别是 Redux 和 Mobx 等状态管理库。现在进入代码。在这里，我有以下内容index.js：

我所拥有的基本上是两个按钮，单击它们将动态呈现所选行星的 3D 模型。但是，它没有按预期工作。

在我的ModelView班级中，包含的行${PlanetMenu.selectedPlanetModel}.obj插入为'undefined.obj'. 我想知道这是为什么？planetName变量 in正在更新，PlanetMenu但似乎没有被正确访问。有人可以帮我指出正确的方向。一些帮助将不胜感激。

我正在使用 React 360 创建一个 VR 应用程序。我想要做的是最终创建一个应用程序，如此处Facebook VR 多表面示例所示。我正在使用该示例的代码，并尝试将其放入我的应用程序中。但是，我的 React 组件的以下初始化存在问题。

我有以下带有以下代码的 react-360 应用程序index.js

从上面的代码中，我的道具ModelView不应该是未定义的。在初始化时，它的值应该是earth。

道具应该在Store.js. 下面是代码：

从 facebook 代码中获取一个页面，我正在做的是通过Store.connect方法初始化模型视图。此方法ModelView在我通过State.planetName. 但是，我一直不确定，我不知道为什么。我已经硬编码了具有 earth 值的代码的每个部分，State.planetName但它仍然是未定义的。道具没有设置为我想要的值，我不知道为什么。有人可以帮我解释为什么会这样吗？我将不胜感激。

我试图了解如何在 react/gatsbyjs 中创建基本的 360 度全景图像，用户可以在其中无限地水平滚动图像。这是我想要达到的结果：

样品站点

借助普通 html/css/js 中的 jquery 插件，我可以轻松实现此结果，但是，我无法弄清楚如何以“反应方式”正确地做到这一点。我尝试过使用 react-vr，但是，当我尝试从 react-vr 导入所有需要的模块时，浏览器会抛出以下错误：

我还在学习 React，所以任何指针或建议将不胜感激！

这是我的组件代码：

我正在创建一个简单的 React 360 应用程序，以便熟悉来自各种来源的输入处理。这是文档输入处理 React 360的网页。阅读该页面后，我根本无法使输入起作用，并且不清楚原因。这是我的代码：

上面的代码什么也没做，老实说，我不确定如果它确实有效，它会做什么。从文档中，我认为这将console.log是一个供我查看的输入对象。这就是我从之前看到的 react vr 问题中收集到的信息。我不明白这是如何触发的？我点击它，按下笔记本电脑上的键盘，什么也没有。没有太多的信息可以继续。有没有人遇到过这样的事情？

我正在努力使用 react 360 在我的手机上播放音频。通过阅读各种文档，我了解到为了在手机上播放音频，我需要制定一个 html 实体来创建用户交互。一旦用户通过单击按钮进行交互，音频应该能够在移动设备上播放。情况似乎并非如此。

在我的index.html文件中，我有以下代码：

如您所见，我创建了一个 html 按钮，单击该按钮会加载我的 React 360 代码。但是，当我在手机中单击 aVrButton时，它仍然无法播放。我已按照文档中的建议进行操作，它适用于桌面上的所有浏览器，但移动设备除外。有谁知道如何解决这个问题？

对于我的 react 360 项目，我的client.js文件中有以下代码：

AsteroidsModule接下来，我在一个单独的文件中有以下代码。该代码来自 reactvr 上的演示文稿，内容如下：

初始化时的 React 360 有一个frame:选项，允许我在每一帧渲染上执行代码。在这种情况下，出于测试目的，我要执行的代码是AsteroidsModule.printOut('hello')方法调用。在控制台中，这会导致错误：

我不明白为什么我会收到这个错误。我已经在文件顶部导入了所需的模块。我试图一块一块地挑选这个分开的，但我不知道为什么它没有渲染。有人可以帮助我解决可能的问题吗？

我想让React360 拆分场景在 ios 设备上工作，我尝试使用webvr-polyfill，但我不知道如何使用它

对不起我的语言，我不是母语人士

当我尝试在 react360 中渲染我的立方体贴图时，我在浏览器和控制台中得到了一个黑色的视口：WebGL-0x20848408300 绑定到纹理单元的纹理不可渲染，它可能不是 2 的幂并且具有不兼容的纹理过滤。 ..

我已将图像的大小调整为 512 x 512，所以我猜这是问题的过滤...应该如何过滤我的图像以在全景立方体贴图中使用？我在这方面的任何地方都找不到任何信息。

干杯

我[x,y,z,w]从传感器获取四元数坐标。我想改变那个坐标，这样我就可以旋转我的 React VR 应用场景来旋转那个场景。我需要将四元数坐标更改为旋转坐标。但是这里的旋转是不平滑的，为了平滑旋转“四元坐标”必须转换为旋转。

主要问题是我需要从四元数坐标中找到旋转轴坐标。

我在 react360 中有 2 个根组件。我有一个带有信息和我的产品的主面板，我有我的 3d 模型。我想互相交流。更具体地说，我只想点击产品，然后我的 3d 模型的颜色会改变.此时，我的 3d 模型从我最初定义的商店中获得了价值，但是在价格发生变化的同时，它在 3d 模型中没有更新。例如，当应用程序启动时，我的模型的原始颜色是蓝色但当我单击第一个项目，它不会变为红色。有问题吗？？？？？？之前 之后

客户端.js

index.js

减速器

中心面板

产品

中央

对象面板

对象