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

android - 如何使用 React-vr 在 VR 模式下显示光标(十字线)?

https://facebook.github.io/react-vr/docs/input.html 基于此文档,我已经完成了示例。在浏览器中,我可以看到默认的鼠标指针。在 Android chrome 中,我看不到任何光标或指针。但是触摸工作和文本的颜色在触摸时得到更新。当我切换到 VR 模式时,没有可见的光标。

附上截图供参考。 在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
353 浏览

three.js - 带有 React VR 的原生移动应用

我对 React JS 和 React Native 有一点经验。现在我刚刚开始使用 React VR。根据我目前所学到的,可以使用 React VR 在网页中创建虚拟现实体验。

我有一个 Web 应用程序,它使用三个 JS 创建虚拟演练(使用全景图像)。我想知道是否可以使用 React VR 和 React Native 来创建一个本地移动应用程序。

我想要这样做的主要原因是利用本机硬件的力量来提高应用程序的性能。我希望通过使其与 React VR 一起使用来保持大多数现有的 3 JS 代码完整。

0 投票
2 回答
3214 浏览

react-360 - 如何将全屏 Mobile VR 转换为分屏以与 google daydream 或 oculusrift 一起使用?

现在我在我的移动浏览器上看到了全屏版本的 VR。我想转换成 2 个分屏,以便可以将它与 google daydream 或任何其他 VR 耳机一起使用。

0 投票
1 回答
494 浏览

gear-vr - 如何在 React VR 场景中检测 Gear VR 输入?

我正在尝试使用 React VR 创建一个 Web 应用程序并使用 Samsung Gear VR 运行它。

在我的场景中处于 VR 模式时,我看不到默认的白点(VR 指针)。因此,诸如“onInput”和“onClick”之类的方法不起作用。如果我在 VR 模式之外查看相同的场景,即使使用 Gear VR 中提供的浏览器,相同的方法也能正常工作。

我错过了什么吗?在 Gear VR 的 VR 模式下如何访问这些方法?

在普通网络浏览器中运行良好的示例代码(包括 Gear VR 中的那个),但在我使用 VR 时却不行。

0 投票
1 回答
440 浏览

javascript - React VR 组件和原生模块代码之间的持久桥梁

我试图让我的浏览器将一些 DOM 事件发送到 React VR 组件中。

我得到的最接近的是使用“本机模块”的这段代码。

(client.js)

(WindowEventsModule.js)

所以我的组件现在可以调用WindowEvents.onMouseWheel(function() {}),并从 DOM 世界中获取回调。

不幸的是,这只适用于一次。RN 在调用后显然会使我的回调无效。

我还研究this._rnctx.callFunction()了 ,它可以在称为“可调用模块”的东西上调用任意函数。我不知道如何从那里到达我的组件。

有什么我想念的吗?将来自原生世界的任意消息馈送到 ReactVR 后台工作者的模式是什么?

0 投票
1 回答
194 浏览

react-native - React VR - 是否可以通过 socket.io 实现实时对象?

我正在开展一个项目,以实时展示多个设备的主动 RFID 跟踪。我一直将 React VR 视为一种向远程用户展示设备在静态、预定义空间内的实时定位的可能方式。

本质上,我需要知道是否可以使用带有 socket.io 的 React VR 将实时位置(x、y、z 坐标)推送到前端?

0 投票
1 回答
359 浏览

reactjs - 如何调试我的 React VR 代码?

我正在使用 Visual Studio Code 构建一个 React VR 应用程序,并且我试图弄清楚如何检查我的代码,即通过 chrome 开发工具。我安装了 React Developer Tools Chrome 插件,但它没有检测到我的 React VR 代码。还有其他方法吗?

我注意到核素,但那只是为 Atom 构建的?

0 投票
0 回答
88 浏览

json - 如何使用 React VR 访问 OS X 用户的文件系统?

我正在开发一个运行实例 React VR 的 Electron 应用程序。该应用程序使用户能够通过从/向 JSON 文件读取和写入状态来向 react-vr 项目添加和保存内容。在开发过程中,这个 JSON 文件已经保存在根目录下。但是,如果用户要在其计算机上下载和使用该应用程序,则需要将 JSON 文件移到应用程序包内容文件夹之外。

我试过使用app.getpath('userdata')which returns /Users/'username'/Library/Application Support/'app_name',我可以在运行应用程序时成功地将 JSON 状态文件移动到那里。但是,我不知道如何让 react-vr 访问这个文件,特别是因为无法访问计算机的文件系统。但是,我真正需要的只是将用户的系统用户名包含在“userdata”文件路径中。

从 react-vr 中检索用户名的最佳方法是什么?是否有更好的方法来保存用户数据而不是使用 JSON 文件来跟踪状态?是否值得考虑将 AsyncStorage 与数据库结合使用?非常感谢。

0 投票
1 回答
649 浏览

iframe - React-VR iFrame 全屏

创建一个我需要 iFrame 到现有应用程序的 React-VR 应用程序。我的问题是关于全屏按钮。我如何隐藏此按钮并在我的其他应用程序中进行管理,或向父级发送消息,说明该按钮已被单击?

0 投票
0 回答
135 浏览

three.js - ReactVR 组件的世界坐标

是否有一种跨平台的方法可以从组件本身获取 ReactVR 组件的绝对世界坐标?除了创建自定义本机组件之外,我看不到任何记录在案的方法。

用例基于组件的世界空间接近度驱动应用程序逻辑,这些组件可能位于不同的View树中,即组件可能由不同的嵌套父视图转换,但也应该有一些方法可以知道它们彼此相对的位置在 3D 中,无需借助特定于平台的代码。