是否可以使用 Javascript 为移动设备构建带有 VR 显示包装器的 AR 应用程序?

Is it possible to build an AR App, with a VR display wrapper, for mobile devices, using Javascript?

非常感谢您的时间和关注。我知道这是一个远景,但我希望有人能够足够慷慨地传达一些建议或指导。我正处于研究如何使用 javascript 和相关工具、库和包为移动设备构建应用程序的初始阶段。该应用程序的概念是它将访问设备相机、识别面部并将动画 AR 资产叠加到设备显示屏上。但是,我希望用户将他们的 phone 与可穿戴耳机结合使用,并通过分屏 VR 风格显示来使用该应用程序。我假设核心 AR 应用程序需要某种 VR 包装器。目前,我主要关注图形显示和 UI 方面,这样我就可以构建一个概念验证来测试这个想法是否可行。我知道我尝试使用 javascript 而不是本地移动语言可能会被误导 - 如果是这种情况,我欢迎就此事提出任何意见。我问的是关于 javascript 的问题,因为这基本上就是我所知道的。

到目前为止,我一直在阅读各种库,如 WebXR、Three.js 等。我假设我将需要使用 React Native,尽管要清楚地了解我是否应该尝试使用 javascript 来实现我想要的东西并不容易。我还没有要显示的代码。

此外,我发现论坛上已经发布了类似的问题 - 例如,这个问题:VR+AR on mobile phone。 我还没有找到任何解决这组特定要求的最新话题,所以如果我错过了什么,我深表歉意。如果论坛上有信息,如果有人能指出相关主题,我将不胜感激。至少,感谢阅读。大家干杯。

我发现 Snap 的 Lens Studio 非常直观和强大。它为特征识别、跟踪和物理提供了模板。它还为自定义广告素材提供高级控件。我还希望它能获得未来的功能开发支持。可以变现。

...或者您想了解更多计算机视觉术语和模式?尝试在 CodePen 或 CodeSandbox 中搜索以下功能:MediaPipe、OpenCV、人脸检测网络摄像头。但是 VR/AR 应用程序的开销可能在 O'Reilly 的书或 John Carmack 主题演讲中得到了最好的描述。瞳孔距离、足部跟踪和预测跟踪等主题。