使用React Native的增强现实(相机上的兴趣点)

Question

我正在为安卓和iOS开发一个应用程序，在相机上显示兴趣点。现在ARkit和ARcore的兼容性很差。

你能给我推荐一些图书馆来做这件事吗？如果有一个例子，那就更好了！我知道viro-media，但是我不知道如何使用这个库来做这件事。

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

​

​

Answer 1

要使用Viro React实现这一点--通常在AR中--诀窍是要认识到有两个坐标系：

1. 你的设备的局部坐标系，我们称之为'AR空间‘。在

中，它位于应用程序启动时用户初始位置的中心，并且是meters.

1. Geographic坐标(纬度和经度)。

要定位覆盖图，您必须将内容从地理坐标转换到AR空间。这是一个分两步完成的过程。首先，将球面地理坐标投影到2D平面上-- Web Mercator非常适合这一点。然后通过设备的初始投影位置来平移投影坐标。

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

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

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

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

Answer 2

我对这个也很感兴趣，我正在尝试ViroReact！

我发现当lat和long已经被转换为x-y值时，我很难理解如何使其工作。Z值应该是多少？

假设您有纬度坐标59，10作为您想要显示的用户位置，其中59，11相对于您的位置。如何在ViroARScene中构建它？

<ViroNode position={ **userLocationFromLatLonCartesian** }>
   <ViroBox position={ **poiLocationFromLatLonToCartesian** }/>
</ViroNode>

那么，如何计算对象的比例、位置和旋转，以使对象可见？

看起来https://github.com/proj4js/proj4js是一个库，可以提供从latlon到x-y值的转换