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

oculus - 构建字体工具为 ReactVR 生成字体集 - path_utils.h 缺失

来自 React VR 文档: https ://facebook.github.io/react-vr/docs/fonts.html

也可以使用 Oculus 移动 SDK 中的字体工具生成您自己的字体集纹理。该工具依赖于 FreeType,可以在 Oculus Mobile SDK Tools/fontue 目录中找到,以及描述其操作的 readme.txt。

当尝试在 Visual Studio 中构建 fontue 工具时,我们遇到了一个错误,包括:

包括“../common/path_utils.h”

我在任何地方都找不到 Oculus 移动 SDK 中的 path_utils.h。它应该包含在包装中的某个地方还是我错过了其他东西?

0 投票
0 回答
170 浏览

webvr - 如何链接到 React-VR 中的外部和内部页面?

我希望用户能够使用 React-VR 光标单击按钮并能够像这样访问外部和内部页面

或者

但我收到以下错误“无法读取未定义的属性‘openURL’”

有人可以帮我吗?谢谢!

0 投票
1 回答
303 浏览

react-360 - 如何在反应 vr 中使用 utf-8?

React VR 是否支持 utf-8?

例子:

0 投票
0 回答
51 浏览

react-360 - 手动更改 React VR 应用程序的语言

我正在使用两种语言的 React VR 制作应用程序:荷兰语和法语。为此,我将使用浏览器检测并使用以下代码:

这在我的代码中起作用。

问题是当我设置主要语言手册时。我在索引页面上添加了一个按钮,并在每次更改主要语言时更改 -taglang的 -属性。html

在下图中,您可以找到我添加到索引页代码中的按钮。

PS:上图翻译:第一个按钮:“在 VR 中查看”,第二个按钮“语言”

有没有办法在我的 React VR 组件中获取该属性的值?如果值更改,则组件也必须更新。我将在下面使用类似这样的伪代码:

那可能吗?

注意:此功能在React VR 的 GitHub 存储库中询问。Stack Overflow 上的这个问题是要知道它有可能使用一种解决方法。

0 投票
0 回答
54 浏览

virtual-reality - 我想在 React-VR 中的用户周围有 4 个等宽的文本方块

使用 React-VR,很容易在用户的前面、后面和左右放置文本行。但是每个元素的宽度是由文本量设置的,所以宽度太长了。

尝试将每个元素的宽度设置为 3 会导致一个奇怪的错误,即不同元素的高度被向下推,以使它们不再位于同一水平线上。

有谁知道为什么会发生这种情况或解决方案是什么?

0 投票
3 回答
854 浏览

react-router - 如何在 React VR 中使用 React React Router?

我试图弄清楚如何将 React Router 与 React VR 连接起来。

首先,我应该使用react-router dom/native吗?目前尚不清楚,因为 React VR 构建在 React Native 之上,但在浏览器中运行。

这是我遇到问题的代码。

上面的代码在打开浏览器时返回以下错误/vr/React 路由器 + React VR 错误

0 投票
1 回答
429 浏览

browser-cache - 我可以使用 React VR 预加载和缓存图像吗?

我正在使用 React VR 在房子里进行虚拟游览,并在用户从房间传送时预加载下一张全景图像。预加载后,我将使用本地磁盘缓存中的图像。

我在下面尝试过这段代码

但在下图中看不到。

网络输出

红线上方是首次加载虚拟导览时。您会看到leefruimte.jpg在 9 毫秒内下载完毕。传输后(红线下方)leefruimte.jpg再次下载,但现在在十二毫秒内。

我接受图像leefruimte.jpg是从场景 0 中加载的图像中获取并被缓存的。

图像navigationCircle.pngfocusspot.png, 也不会被预加载。

0 投票
0 回答
106 浏览

javascript - 如何提高 React VR 帧率

背景

我正在为 webvr 项目构建概念验证。在上个月参加了 react amsterdam 会议并看到 react vr 的实际应用后,我认为这将是一个很好的起点。

我在这里设置了一个演示页面。它只是添加到 hello world 示例中的图像。

在 Chrome 浏览器(桌面和移动)中,它看起来很好,而不是不稳定。我用我的装备 vr 访问该页面。在三星浏览器窗口中,应用程序运行良好,但一旦我按下view in vr按钮(左下角),帧速率就会下降很多。几分钟后就足以让你头疼。我对这里的 react-vr 示例有同样的不稳定体验

眼镜

我在用

  • 齿轮虚拟现实
  • 三星互联网
  • 三星银河 S6
  • 安卓 6

移动设备现在有点旧(一年多),这可能是导致问题的原因,但在进入 vr 模式之前它工作得非常流畅。

问题

有没有办法强制设备输出更多的处理能力(比如添加will-change: transform;transform: translateZ(0);)?

或者

这纯粹是硬件的限制吗?

或者

react-vr 是否增加了太多开销,有没有办法优化?我对 three.js 多维数据集示例的体验确实非常流畅

0 投票
1 回答
119 浏览

react-360 - React VR 打算建立在什么网络平台上?

我想开始使用 React VR 进行开发,尤其是使用 Google Cardboard,但是,我不确定 Google Cardboard 是否针对 React VR 进行了优化。我想知道 React VR 是否适用于更强大的 VR 平台,如 Daydream、Oculus、HTC Vive 等?

0 投票
0 回答
299 浏览

javascript - 使用 ReactVR,您可以为 VideoPano 使用实时摄像头供稿吗?

https://facebook.github.io/react-vr/docs/videopano.html

我想让这个支持增强现实。这个库有可能吗?

还有其他库,例如 ar.js,但这些库需要 WebRTC,因为在 iOS 上不受支持,所以它是个大热门。