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

react-360 - React 360 - 将文本显示 180 度(在用户初始视图后面)

我刚刚开始通过安装初始项目来探索 React 360。初始项目始终在用户面前显示初始加载文本。我正在尝试使用绝对位置将文本向右移动,但是在它超出初始表面之后就再也看不到了。我已阅读文档,但不清楚。我需要做什么?我是否需要增加表面的宽度以使其环绕整个视图(围绕用户)才能看到该文本?我该怎么做呢?或者实际上是否有任何其他首选的常用技术。我正在寻找过去 2 小时无法找到任何解决方案的解决方案。

0 投票
1 回答
149 浏览

javascript - 无法使用 ReactVr 从 NativeModules 读取未定义的属性“openOverlay”

我正在使用reactVr构建一个项目,并在其中使用 DOM 元素时遇到问题。我从 facebook 的 github 上的DomoverlaySample中遵循了这个例子,结果遇到了一个问题。基本上,在我的 index.vr.js 中,我调用了 Monitor.js,我想将其渲染为2D图像。

在我的Monitor.js中,我复制并粘贴了代码。

每当我尝试运行代码时,它都会向我抛出一个openOverlay()未定义的错误,而openOverlay()DomOverlayModule.js. 我假设 NativeModule 在Monitor.js中不起作用,我无法解决这个问题。任何帮助是极大的赞赏。

0 投票
1 回答
638 浏览

web - React-360:使用外部图像作为场景背景

我一直在尝试在环境中设置外部图像。这是我的 index.js:

React 似乎试图加载图像,但由于某种原因它只是取消了。

开发者工具:网络截图

控制台输出也没有给出 CORS 或任何其他异常的指示:

控制台输出截图

我场景的背景仍然是黑色的。在 react-360 中动态包含外部图像的正确方法是什么?

0 投票
1 回答
71 浏览

android - 在 react-native 中包含 react-vr

我想知道是否可以将 react vr tour 集成到使用 react native 开发的 Android 和/或 iOS 应用程序中。如果是这样,我该怎么做?

这只是一个想法,但我还没有在线找到真正的解决方案。

感谢您的关注。

(我是意大利人。如果你不懂我的英语,请见谅)

0 投票
0 回答
30 浏览

json - 无法读取未定义的属性“rotationOffset”

我正在使用 react-vr 并尝试使用 json 对象来渲染图像,但是我收到了一个错误,即 browser cannot read property 'rotationOffset' of undefined. 下面是我的代码供参考。

下面是我的json文件供参考。

我要做的是用 Pano 内的对象更改背景图像。我是否缺少任何基本语法?我花了几个小时才发现问题没有解决。任何帮助深表感谢。

0 投票
0 回答
200 浏览

javascript - 在 iframe 的父级中打开一个包含在 iframe 中的 react-vr 应用程序的网站

我创建了一个 react-vr 应用程序,我想将 vr 应用程序集成到一个反应网站中。按照建议,我使用 iframe 将 react-vr 应用程序集成到我的网站中。如以下代码所示:

现在我的 react-vr 应用程序中有一个按钮可以返回到“/”。但是怎么不打开里面的webisteiframe呢?

按钮单击应该看起来像?:

所以我想从 react-vr 应用程序中调用我网站的“/”,并在包含 iframe 的网站中打开链接(而不是在 iframe 中)。我试图<base target="_parent"/>在我的网站的标题中添加,但没有效果。

感谢帮助

0 投票
1 回答
273 浏览

react-360 - react-vr 集成了一个按钮用于进入 vr 模式

问题:

嗨,我的问题是我应该包括一个用于进入 vr 模式的按钮,如何使用 a-frame 或 krpano,我在 youtube 上的视频中看到了这个按钮的例子

在此处输入图像描述

但是在网上我找不到激活react-vr的“在vr中查看”按钮的方法或指南。

在我的项目中,我只激活了这些按钮,包括桌面和智能手机。

在此处输入图像描述 在此处输入图像描述

问题:

如何在我的项目中包含 vr 中的按钮视图? 在此处输入图像描述

非常感谢您的帮助(我不是以英语为母语的人,如果有不清楚的地方很抱歉)

0 投票
1 回答
319 浏览

react-native - React 360 HTML 在 React Native WebView 中不显示任何内容

我试图通过在 WebView 中显示 HTML 文件来将 React 360 组合到 React Native 中。

React 360 的 HTML 本身似乎没有任何问题,因为我可以在 Web 浏览器中打开它,但是当我尝试在 React Native WebView 中打开它时,它只显示相机方向指示器,而屏幕的其余部分只是空白的。

我还注意到尝试在移动设备(模拟器)上滑动不会影响相机,因为相机方向指示器不会改变。

React 360 的文件位于项目文件夹根目录下名为“web_react360”的文件夹中

控制台中没有显示错误,但在打包程序中有 3 行可能相关(但似乎也不是错误):

有没有人设法做这样的事情或以另一种方式将 React 360 包含到 react native 应用程序中?

0 投票
1 回答
752 浏览

ios - 如何为 Google Cardboard 配置 React 360

我正在用 React 360 做一些测试,我目前唯一的硬件是 Google Cardboard。我在 iOS 上使用 VR 浏览器查看我上传的内容并且它正在工作,但立体图像似乎相距太远,导致“看到双重”效果。画布对象似乎也没有扩展“VR 浏览器”应用程序的整个宽度。每边似乎都有白色边框。

我似乎找不到任何关于如何在 React 360 代码中调整图像以适应我的 Cardboard 查看器的镜头距离的文档。

我怎样才能配置它工作?有没有办法调整这些问题?

0 投票
2 回答
259 浏览

react-native - 这两个 View 组件有什么区别?

我正在查看 react-360 和 react-native 代码,并找到以下有关该View组件的示例。

为什么子 View 组件会自动关闭,而父 View 组件不会。