问题标签 [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.
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
但似乎没有被正确访问。有人可以帮我指出正确的方向。一些帮助将不胜感激。
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
但它仍然是未定义的。道具没有设置为我想要的值,我不知道为什么。有人可以帮我解释为什么会这样吗?我将不胜感激。
javascript - 如何在 Gatsby/React 中创建 360 度全景图像?
我试图了解如何在 react/gatsbyjs 中创建基本的 360 度全景图像,用户可以在其中无限地水平滚动图像。这是我想要达到的结果:
借助普通 html/css/js 中的 jquery 插件,我可以轻松实现此结果,但是,我无法弄清楚如何以“反应方式”正确地做到这一点。我尝试过使用 react-vr,但是,当我尝试从 react-vr 导入所有需要的模块时,浏览器会抛出以下错误:
我还在学习 React,所以任何指针或建议将不胜感激!
这是我的组件代码:
reactjs - React 360/React Vr 的 onInput 不起作用
我正在创建一个简单的 React 360 应用程序,以便熟悉来自各种来源的输入处理。这是文档输入处理 React 360的网页。阅读该页面后,我根本无法使输入起作用,并且不清楚原因。这是我的代码:
上面的代码什么也没做,老实说,我不确定如果它确实有效,它会做什么。从文档中,我认为这将console.log
是一个供我查看的输入对象。这就是我从之前看到的 react vr 问题中收集到的信息。我不明白这是如何触发的?我点击它,按下笔记本电脑上的键盘,什么也没有。没有太多的信息可以继续。有没有人遇到过这样的事情?
reactjs - 音频未在 iPhone 上播放(反应 360)
我正在努力使用 react 360 在我的手机上播放音频。通过阅读各种文档,我了解到为了在手机上播放音频,我需要制定一个 html 实体来创建用户交互。一旦用户通过单击按钮进行交互,音频应该能够在移动设备上播放。情况似乎并非如此。
在我的index.html
文件中,我有以下代码:
如您所见,我创建了一个 html 按钮,单击该按钮会加载我的 React 360 代码。但是,当我在手机中单击 aVrButton
时,它仍然无法播放。我已按照文档中的建议进行操作,它适用于桌面上的所有浏览器,但移动设备除外。有谁知道如何解决这个问题?
javascript - _AsteroidsReact 360 Module2.default.printOut 不是函数(无法从 client.js 调用模块方法)
对于我的 react 360 项目,我的client.js
文件中有以下代码:
AsteroidsModule
接下来,我在一个单独的文件中有以下代码。该代码来自 reactvr 上的演示文稿,内容如下:
初始化时的 React 360 有一个frame:
选项,允许我在每一帧渲染上执行代码。在这种情况下,出于测试目的,我要执行的代码是AsteroidsModule.printOut('hello')
方法调用。在控制台中,这会导致错误:
我不明白为什么我会收到这个错误。我已经在文件顶部导入了所需的模块。我试图一块一块地挑选这个分开的,但我不知道为什么它没有渲染。有人可以帮助我解决可能的问题吗?
virtual-reality - 如何让 React360 Vrmode 在 ios 设备上工作?
我想让React360 拆分场景在 ios 设备上工作,我尝试使用webvr-polyfill,但我不知道如何使用它
对不起我的语言,我不是母语人士
react-360 - React-360 全景立方体贴图所需的图像规范
当我尝试在 react360 中渲染我的立方体贴图时,我在浏览器和控制台中得到了一个黑色的视口:WebGL-0x20848408300 绑定到纹理单元的纹理不可渲染,它可能不是 2 的幂并且具有不兼容的纹理过滤。 ..
我已将图像的大小调整为 512 x 512,所以我猜这是问题的过滤...应该如何过滤我的图像以在全景立方体贴图中使用?我在这方面的任何地方都找不到任何信息。
干杯
reactjs - 我想将我的四元数坐标更改为旋转坐标
我[x,y,z,w]
从传感器获取四元数坐标。我想改变那个坐标,这样我就可以旋转我的 React VR 应用场景来旋转那个场景。我需要将四元数坐标更改为旋转坐标。但是这里的旋转是不平滑的,为了平滑旋转“四元坐标”必须转换为旋转。
主要问题是我需要从四元数坐标中找到旋转轴坐标。