问题标签 [react-360]

我的样板中有两个组件，其中一个我只想在从另一个组件调用方法时安装。

我怎么能这样做？

这是我的样板：

这是我的组件：

在 Safari 中使用 react 360 启动反应实例时，我收到 AudioContext 错误。

我这样实例化：

window.React360 = {初始化};

捆绑包中的错误堆栈是这样的：

1.

n = new r.ReactInstance(e, t, babelHelpers.extends({ fullScreen: !0 }, o));

2.

this.runtime = new U.default(this.scene, (0, o.default)(t), l), this.vrState = new p.default, this.vrState.onDisplayChange(function(e) { e ? a .overlay.setVRButtonState(!0, "View in VR", a.enterVR) : a.overlay.setVRButtonState(!1, "No Headset", null) }), this.controls.addCameraController(new g.default(this ._eventLayer)), this.controls.addCameraController(new v.default(this._eventLayer)), this.controls.addCameraController(new b.default(this._eventLayer)), this.controls.addEventChannel(new L.default( this._eventLayer)), this.controls.addEventChannel(new V.default(this._eventLayer)), this.controls.addEventChannel(new P.default), this.controls.addEventChannel(new H.default), this.controls .addRaycaster(new z.default), this.controls.addRaycaster(new A.default(this._eventLayer)),this.controls.addRaycaster(new Q.default(this._eventLayer)) }

3.

“函数” == 类型 a ？this.context.registerModule(a(this.context)) : this.context.registerModule(a)

4.

nativeModules: [new B.default(this.compositor.getEnvironment()), function(e) { var t = new T.default(e); 返回 a._audioModule = t, t }, function(e) {

5.

return a._audioCtx = new AudioContext, a._audioData = {}, a._handles = {}, a._loaders = {}, a._rnctx = e, a /////////---> >>找不到变量：AudioContext

如何正确使用 React 360 for Safari？有什么办法可以关闭音频模块？

我安装了 react-360 使用npm install -g react-360-cli.

但react-360 init Hello没有创建任何目录。

我正在使用 ubuntu 14.04。

我将 BoxGeometry 添加到了 three.js 场景中。我还在 ReactInstance 中添加了场景。然而，场景似乎没有被渲染？我已经尝试过了，但没有用。只是想知道场景将在哪个反应组件中呈现？

立方体.js：

客户端.js：

CubeModule.js：

我已经开始使用 react-vr 创建一个项目，并在用户周围以球形方式布置对象。或者例如，这 3 个对象的位置为 (1, 1, 1)、(2, 2, 2) 和 (3, 3, 3)。

风格：{变换：[{翻译：[1,1,1]}]}

在移动到 react-360 时，对象的相同位置似乎完全不同。从最初的视图来看，所有三个对象似乎都在一个笔直的垂直列中。

1. 我在这里错过的两者的布局结构是否存在重大差异？
2. 这些对象的渲染顺序也与我们在 react-360 中获得的输出不同。

我正在检查 web-vr 框架并寻找更改左右眼投影设置/相机设置的可用性。是否有可能或者这是由浏览器自动完成的？

我从 mozilla 和 react-vr 检查了 A-Frame 框架，但找不到这样的选项。

我想根据相机的方向更改控件组件的位置。我在 react-360 示例中尝试了头部锁定表面https://github.com/facebook/react-360/blob/master/Samples/HeadlockedSurfaces/index.js 但我无法更改组件的相机角度。

我正在使用 ReactVr 框架来处理一个项目。我的主要目标是设置多个热点，单击它时应显示全角显示，顶部有一个十字按钮以关闭查看器。这是我到目前为止所做的。

我创建了一个条件，如果 infoText 为真，则显示该框，否则显示 infoButton.png：

在上面的代码中，您可以看到它出现了一个带有信息和图像的文本框。要退出，我们可以用文本框区域点击关闭。相反，我正在寻找全宽的浏览器和顶部的十字来关闭。我尝试使用 Flex: 1 和 alignItem: 'strected' 但没有产生任何结果。如果有人能就这个问题提出一个想法，我将不胜感激。

非常感谢。

我正在开发一个 VR 项目，该项目有 2 个用户角色，领导者（设置和配置 VR 会话）和客户（连接到此会话）。我正在使用本机模块来执行 DOM 覆盖，其中为领导者显示了与会话配置相关的几个按钮。我想知道是否可以直接从本机模块调用 React360 代码中的函数（即不像事件来自本机模块那样作为回调）？这可能是一个完整的反模式，我似乎看不到这样做的方法......

react-360 指令看起来非常清晰和简单：

但我已经手动将图像文件上传到 Google Storage、Amazon S3 和 Azure Blob Storage。在将它们公开后，它们都完美地呈现给非 react-360 浏览器 img 元素，但它们都不能在 react-360 浏览器画布中工作。

但是“ https://images.pexels.com/photos/614810/pexels-photo-614810.jpeg?auto=compress&cs=tinysrgb&h=650&w=940 ”是我发现的一个有效的 URL，但是上传同一张图片存储不起作用。

即使我在遇到问题时获得成功的 200 或部分内容 206 结果代码，我所能做的就是设置背景颜色来查看图像元素，实际图像永远不可见。

如何在 Google Cloud Storage 中获取我的 JPEG 图像以渲染到 react-360 中的图像元素？谢谢，请:)