React Native 和 THREE.js(WebGL 库)集成

2023-11-21

我正在开发一个使用 React Web 和 React Native 的项目。我已经实现了一个 React Web 组件,它允许您从 OBJ、MTL 和图像文件加载 3D 模型,加载模型后您可以对其进行编辑,在其上附加 3D 标签等内容,最后将编辑的 3D 模型保存回服务器,我的实现在幕后使用 THREE.js。

现在,下一步是能够从服务器检索这些文件并在 React Native 应用程序(移动设备)中渲染编辑后的 ​​3D 模型。所以我的问题是:我应该如何去做呢?我正在考虑使用一些嵌入式 Web 视图来实现 React Native,这样我就可以尽可能多地重用 React Web 组件中的代码,然后以某种方式实现 Web 视图和本机应用程序之间的某种通信,但我不太喜欢确定如何实际实施这一点。

到目前为止我已经做了一些研究,发现如下:

React 的原生 WebView and Webview 和 Native App 之间的桥梁

通过阅读这些页面,我感觉到我想做的事情可能是可行的,但我仍然不确定如何实际实现它。如何使 React Web 组件驻留在 Webview 中,然后如何使注入的代码与 WebView 中的 Web 组件的内部工作进行交互?

如果我的预期方法被证明不可行,是否有任何替代方法可以在 React Native 应用程序中本地渲染 3D 模型,希望具有与 THREE.js (某种类似 THREE 的库)相当的高抽象级别反应本机)?


Expo,通过 create-react-native-app 创建应用程序的框架有一个GLView它提供对原生 OpenGL 的访问。

有一个展会中使用Three.js的教程.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React Native 和 THREE.js(WebGL 库)集成 的相关文章

随机推荐

  • 如何使用库调用计算 C# 中的阶乘?

    我需要计算 100 左右的数字的阶乘 为了确定一系列硬币翻转式数据是否是随机的 根据这是关于贝叶斯概率的维基百科条目 正如您所看到的 必要的公式涉及 3 个阶乘计算 但有趣的是 其中两个阶乘计算是在第三个阶乘计算的过程中计算的 I saw
  • JAXB - 从 url 解组

    我正在尝试显示此网站的游戏标题和 ID http thegamesdb net api GetGame php id 2 当我从这个网址解组时 http www w3schools com xml note xml一切都很好 但这里只是一个
  • Browserify 无法使用 babelify 转换创建包(类型错误:路径必须是字符串。)

    我编写了一个 gulp 任务 使用 watchify 和 babelify 作为转换将我的 jsx 和 js 脚本编译成一个包 由于某种原因 我的 gulp 脚本似乎在转换时被阻塞 我不知道为什么 gulp task browserify
  • C++20 constexpr 容器如何工作?

    As constexpr std string and constexpr std vector已被 C 20 接受 将如何使用它们 链接的论文细节非常简短 我们是否需要指定特殊的constexpr分配器 使编译时字符串 向量与它们的正常等
  • 如何使用 Tweepy 创建 pandas 数据框?

    在 Python 3 中 我编写了一个程序来提取 Twitter 中的帖子和点赞 import tweepy import pandas as pd consumer key consumer secret access token acc
  • 在 angular.js 中缓存数据的常见方法是什么

    假设我有一个检索标签列表的服务 并将标签存储在缓存中 function TagsRetriever var cache cacheFactory tags function getTags var cached cache get tags
  • AspNet 如何识别我的模型

    我正在尝试完成本教程外部身份验证服务 C 我需要一些初步的解释才能继续 查看 MVC5 附带的默认模板 我看到 You can add profile data for the user public class ApplicationUs
  • C++多重继承问题

    生成此场景的场景非常复杂 因此我将删除一些部分并给出所涉及的类的准确表示 This is inherited using SI by many classes as normal class IBase virtual string toS
  • 有没有办法在 C++ 编译器中禁用复制省略

    在 c 98 中 以下程序预计会调用复制构造函数 include
  • 如何使用Java将pdf文件转换为word文件[关闭]

    Closed 这个问题需要多问focused 目前不接受答案 如何使用Java将pdf文件转换为word文件 而且 事情真的像看起来那么容易吗 Try PDFBOX public class PDFTextReader static Str
  • 在 $.getJSON() 之外访问 json 数据

    document ready function var value getParmsVals search getJSON api search GetQuestionByKey value function jsonData jsonDa
  • 在 Visio 2003 中使用 UML 2.0 的最佳方法是什么?

    Visio 2003 使用 UML 1 4 这意味着 UML 2 0 中的一些刻板印象根本不存在 它们需要通过手绘来建模 我可能还使用 Photoshop 有谁知道 Microsoft 的更新或在 Visio 2003 中包含 UML 2
  • 在 Bootstrap 3 中用 Glyphicons PRO 替换标准 Glyphicons Halfling?

    我已经购买了完整的 Glyphicons PRO 软件包 并希望将其与 Bootstrap 3 一起使用 但是 我似乎无法找到有关如何执行此操作的全面文档 Glyphicons 网站缺少 如何使用 部分 并且随附的 PDF 也没有太大帮助
  • 如何查看我的客户端应用程序发送的 SOAP 数据?

    我有一个项目 我使用 wsdl exe 创建了 Web 服务代理类 然后简单地创建该类的实例 继承 System Web Services Protocols SoapHttpClientProtocol 并调用应发送 SOAP 消息的方法
  • 在 Vista/Windows 7 WPF FileDialog.Filter 中隐藏扩展

    我在 NET 4 WPF 应用程序中使用 WPF OpenFileDialog 和 SaveFileDialog 我使用 Filter 属性来允许用户设置不同的文件过滤器 在 NET 4 中 这使用 Windows Vista 引入的本机文
  • Firestore 读取具有自身条件的规则

    我目前正在尝试在 firebase 上构建小型应用程序作为对其的评估 它看起来很有趣并且非常高效 但我对 Firestore 规则有一个问题 我有一个集合 游戏 其对象如下所示 name String description String
  • 垂直对齐 ggplot2 绘图

    代码位于https gist github com low decarie 5886616可以生成双树状图平铺图 Dual dendogram tile plot as matrix USArrests main 美国逮捕 问题 将垂直树状
  • C# 如何获取来电显示?

    我想使用 56K 调制解调器获取拨打家庭电话的电话号码 有没有办法用 C 来实现这一点 并非所有调制解调器都支持主叫号码 对于那些这样做的人 制造商之间的实施方式有所不同 呼叫者 ID 通过串行数据传递 因此您必须使用TAPI库 或使用 W
  • 如果我想要空插值(分段常数),那么 numpy.interp 的最佳替代品是什么?

    numpy interp很方便 也比较快捷 在某些情况下 我想将其输出与非插值变体进行比较 其中稀疏值被传播 在 更密集 的输出中 并且结果是稀疏输入之间的分段常数 我想要的函数也可以称为 稀疏 gt 密集 转换器 它复制最新的稀疏值 直到
  • React Native 和 THREE.js(WebGL 库)集成

    我正在开发一个使用 React Web 和 React Native 的项目 我已经实现了一个 React Web 组件 它允许您从 OBJ MTL 和图像文件加载 3D 模型 加载模型后您可以对其进行编辑 在其上附加 3D 标签等内容 最