问题标签 [react-360]

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 回答
51 浏览

reactjs - 帮助理解为什么我的 React 状态没有更新

我正在使用 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但似乎没有被正确访问。有人可以帮我指出正确的方向。一些帮助将不胜感激。

0 投票
1 回答
453 浏览

javascript - 在 React 初始化时,props 是未定义的。为什么?

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

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

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

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

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

0 投票
2 回答
1774 浏览

javascript - 如何在 Gatsby/React 中创建 360 度全景图像?

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

样品站点

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

在此处输入图像描述

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

这是我的组件代码:

0 投票
1 回答
92 浏览

reactjs - React 360/React Vr 的 onInput 不起作用

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

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

0 投票
1 回答
315 浏览

reactjs - 音频未在 iPhone 上播放(反应 360)

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

在我的index.html文件中,我有以下代码:

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

0 投票
0 回答
16 浏览

javascript - _AsteroidsReact 360 Module2.default.printOut 不是函数(无法从 client.js 调用模块方法)

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

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

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

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

0 投票
1 回答
292 浏览

virtual-reality - 如何让 React360 Vrmode 在 ios 设备上工作?

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

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

0 投票
1 回答
52 浏览

react-360 - React-360 全景立方体贴图所需的图像规范

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

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

干杯

0 投票
1 回答
257 浏览

reactjs - 我想将我的四元数坐标更改为旋转坐标

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

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

0 投票
1 回答
304 浏览

javascript - React360-Redux:两个根组件之间通过 redux 进行通信

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

客户端.js

index.js

减速器

中心面板

产品

中央

对象面板

对象