反应原生增强现实（AR）

Question

我正在为客户调查一些iOS / Android移动应用程序，其中涉及增强现实：

1. 能够预览家中的家具样式
2. 数字化妆室 - 预览自己衣服的样子

我们主要使用React Native来构建移动应用程序（其中一个项目是将该功能构建到现有的React Native应用程序中）。

有人可以与React Native和AR分享他们的经验吗？分享可能有助于入门的框架/组件的任何链接？或者只是简单地讨论一下从哪里开始？

Answer 1

看起来React AR还没有实现。但是已经有一些应用程序在React之上实现了某些库。

示例here。

AR的一些JS库包括JSAruco和JSARToolKit。 JSAruco基于OpenCV，JSARToolkit是ARToolkit的端口，通过中间端口NyARToolkit（Java）和FLARToolkit（Actionscript）。一些examples。

React VR即将推出。 Facebook宣布推出React VR的alpha版本，该版本基于React Native，推文here。

1. 框架的github page
2. React VR here
的示例项目和文档

修改

Ar.js是一个新的开源js工具包（基于three.js + jsartoolkit5）看起来很有希望

<强>更新

Apple为iPhone和iPad推出了适用于iOS 11的ARKit，Here是针对iPhone和iPad的反应原生绑定。查找精彩的ARKit项目和资源here的精选列表。 5分钟example app

<强>资源

• react-native-live-translator - 反应原生的增强现实实验

• arcore-android-sdk - 适用于Android的Google ARCore SDK

• three.ar.js - 帮助构建来自Google的AR网络体验的帮助者three.js库

• ARKit-Sampler - ARKit的代码示例。

• React-AR - 使用React增强现实（正在进行中）

• Expo AR - 仅限IOS

Answer 2

另一个选择（无耻插件）是我公司的平台，Viro AR：https://viromedia.com/viroar/

这是一个React-Native库，它将ARKit for iOS（即将推出的ARCore for Android）与我们自己的专有本机渲染器配对，并将其包装在易于使用的React-Native API中，以便您可以开始构建您的AR体验立即！

我们甚至通过在Apple App Store上构建AR应用程序Figment AR来实现我们自己的产品：https://itunes.apple.com/app/id1270018902

我们使用React Native为2D UI（按钮，列表视图，预览屏幕）和Viro构建它，用于相机显示，3D渲染和世界跟踪。

检查我们！

• 文档：http://docs.viromedia.com/
• 示例代码：https://github.com/viromedia/viro
• 问题/支持：https://github.com/viromedia/viro/issues＆amp; https://viromedia.com/contact-1/

Answer 3

我正在为Apple新发布的AR库ARKit构建一个React Native库。这应该是一个良好的开端，因为ARKit很好地打包了CV算法，因此您可以专注于您想要实现的内容。

欢迎您查看我的GitHub回购（react-native-arkit）。