【问题标题】:Add React-VR to an existing project将 React-VR 添加到现有项目
【发布时间】:2018-04-26 22:01:49
【问题描述】:

我有一个原型 react 应用程序,它是使用 create-react-app 生成的。该应用程序将渲染 3d 全景场景与内容覆盖/链接/等以及一些 2d 空间的混合。

我最初考虑使用 Panellum 来处理 3d 场景,然后使用 Pixi 处理 2d 空间中的任何复杂性,但现在我正在重新考虑将 React VR 用于 3d 演练。

那么,追问一下:我可以将 React VR 添加到现有的 React 应用程序中吗?我试着在它上面做一个 npm i 但是如果我尝试用它做任何事情,就会得到模块未找到错误。我需要的不是支持 VR,而是围绕一组连接的 3d 演练,但我喜欢在 React VR 中构建的组件模型,并且可以看到采用这种方法的一些真正的积极因素。

【问题讨论】:

  • 我不介意在 React-VR 下重建应用程序,但是从纯 Web 的角度来看,这会引发很多相关问题 - 路由、服务器端渲染、redux 等

标签: reactjs react-360


【解决方案1】:

我只知道 React Native 和 React VR,但我想 React 和 React VR 是一样的。对于 React Native,这是不可能的,因为运行时不兼容......

https://github.com/facebook/react-vr/issues/225

但您可以重用部分代码,例如从 React 到 React Native:

https://medium.com/@gwen_faraday/converting-a-react-app-to-react-native-d7df17968fc6

【讨论】:

    【解决方案2】:

    关于这种集成的官方声明是使用 iFrame:

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

    如果您希望将其他功能引入 React VR def 中,请查看原生模块:

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

    React VR 在 Web Worker 上下文中运行,因此与它的外部交互可能有点棘手,但原生模块通常可以提供您正在寻找的控制。

    【讨论】:

      【解决方案3】:

      如果您还在寻找,请查看我们的产品 Viro React:https://viromedia.com/viroreact

      这是一个 React Native 库,在 Android 上支持 Cardboard、Daydream 和 GearVR,在 iOS 上支持 Cardboard。

      如果您也想构建 AR 应用,我们还支持 ARKit 和 ARCore!

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2020-10-26
        • 2023-03-15
        • 2020-02-11
        • 2019-11-26
        • 1970-01-01
        • 1970-01-01
        • 2020-12-22
        • 2013-02-12
        相关资源
        最近更新 更多