react-native - React Native 的增强现实(相机上的兴趣点)

Question

我正在开发适用于 Android 和 iOS 的应用程序，以在相机上显示兴趣点。现在 ARkit 和 ARcore 的兼容性很差。

你能推荐我一些图书馆来做到这一点吗？如果有例子就更好了!我知道 viro-media，但我不明白如何使用该库来做到这一点。

我不想要 3D 模型，只是相机上的标记，类似于附件图像。

Answer 1

要使用 Viro React 做到这一点——在一般的 AR 中——诀窍是认识到有两个坐标系:

您设备的本地坐标系，我们将其称为“AR 空间”。在 Viro 中，它以应用程序启动时用户的初始位置为中心，以米为单位。

地理坐标(纬度和经度)。

要定位叠加层，您必须将内容从地理坐标转换为 AR 空间。这是一个两步过程。首先将球面地理坐标投影到二维平面上——Web Mercator非常适合这个。然后通过设备的初始投影位置转换投影坐标。

设备的初始投影位置可以通过投影其初始地理位置来导出。在 Viro React 中，您可以使用 Geolocation module当用户启动应用程序时捕获这个。

最后，您需要对用户的方位进行类似的转换:在 AR 空间中从罗盘方向转换为设备方向。

为此，您可能必须弄清楚如何处理不准确的地理定位查找(例如，如果从设备检索到的位置不准确会发生什么)，并且可能还必须考虑漂移:随着时间的推移，两个坐标系可能会开始不同步。

最后一部分，创建信息卡，使用 Viro 很容易——您可以使用文本预烘焙图像并使用 ViroImage，或者如果卡片需要更加动态，您可以使用 ViroFlexView。