问题标签 [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.
events - ReactVR 全局按键事件监听器
如何在 ReactVR 应用程序中检测用户何时单击某个特定键?我有一个捕捉这个事件的功能,但是当我把它放在View
像这样的组件上<View onInput={(e) => this.handleInput(e)}>
时,只有当我将光标放在这个视图内的某个组件上并且我想知道这一点而不管用户光标位置或其他任何东西时,它才会捕捉到它。
web-audio-api - 在 React VR 中访问 Web 音频上下文
我正在寻求在 react-vr 中使用过 Web Audio API 的人的意见。React-VR 已经有非常酷的组件可以在场景中放置声音,但是,我需要一步一步访问音频缓冲区,这可以通过 Web Audio 提供的 AudioContext 轻松实现。
在我的 client.jsinit()
中,我可以在 vr 实例中找到音频上下文
我正在努力弄清楚如何公开音频上下文。一旦我退出 init() 函数,它的作用域就结束了。是否有另一种方法可以访问 index.vr.js 中的音频上下文?
react-360 - 如何在 React VR 中画一个圆圈?
我试过这个但得到一个错误“TypeError:this._viewCreator [type]不是一个函数”。
我不应该从 React Native 导入还是使用其他库?
谢谢!
aframe - 使用 react vr 移动头像
我是 react vr 世界的新手,我从一些网站学习了 react vr 的基础知识。我也厌倦了一些示例项目。我跟着这个教程
虽然我从许多网站上搜索过,但我不知道如何在内部pano
或任何其他 vr中移动头像components
。任何人都可以告诉/帮助/指导在 React vr pano 中移动头像。或者建议我一些教程来解释化身在 pano 中的移动。
react-360 - 隐藏虚拟现实符号并禁用控件
是否可以隐藏在鼠标悬停在 vr 视图上之前出现的 vr 符号?
似乎不可能禁用所有控件。您可以在移动设备上使用 disableTouchPanning 禁用触摸平移,它仍然使用设备方向。
(见https://github.com/facebook/react-vr/blob/master/ReactVR/js/VRInstance.js)
谢谢!
react-360 - 检查设备与 React VR 和替换文本的兼容性
有没有办法检查设备与 React VR 的兼容性?即它不在旧 iPad 上运行。
如果设备不兼容,如何显示替换文本?
谢谢!
reactjs - 将 React-VR 添加到现有项目
我有一个原型反应应用程序,它是使用 create-react-app 生成的。该应用程序将渲染 3d 全景场景与内容覆盖/链接/等以及一些 2d 空间的混合。
我最初考虑使用 Panellum 来处理 3d 场景,然后使用 Pixi 处理 2d 空间中的任何复杂性,但现在我正在重新考虑将 React VR 用于 3d 演练。
所以,追问:我可以将 React VR 添加到现有的 React 应用程序中吗?我试着在它上面做一个 npm i 但如果我尝试用它做任何事情,就会得到模块未找到错误。我需要的不是支持 VR,而是围绕一组连接的 3d 演练,但我喜欢在 React VR 中构建的组件模型,并且可以看到采用这种方法的一些真正的积极因素。
android - 如何使用本机反应在android中显示全景图
我已经尝试了很多方法来在 react native 中显示全景图像。
react-native-360
这仅适用于 iOS。- 在 android 本机代码中创建一个活动并从反应本机 javascript 中调用它。但内容没有显示。其次,我想在 modal 上显示全景图,但
modal
我不知道如何在模态而不是整个屏幕上打开活动。 - 通过 . 在 web 视图上显示全景图
react-vr
。我认为这可能有效,但我不知道如何去做。
提前致谢。
javascript - 视图中的 React-360 相机位置
与渲染视图相比,我想将我的相机视图设置得更高。但是我不知道在渲染视图时可以在哪里设置初始相机位置。
我的组件是这样安装的:
该组件如下所示:
我尝试将 transform 属性添加到样式元素,但这不起作用。在此示例中,如何更改相对于已安装 Hello360 组件的相机位置?