A-Frame和ar.js:多个标记和框

时间:2018-08-14 23:17:36

标签: augmented-reality aframe ar.js

有没有关于如何通过A-Frame实施多个AR标记的概念证明?

例如像这样的东西:https://www.youtube.com/watch?v=Y8WEGGbLWlA

enter image description here

亚历山德拉·埃蒂安(Alexandra Etienne)在这篇帖子中发布的第一段视频是我想要的效果(具有不同内容的多个不同的AR“标记”):https://medium.com/arjs/area-learning-with-multi-markers-in-ar-js-1ff03a2f9fbe

我不清楚使用多个标记时它们是否需要彼此靠近/在同一摄像机视图中存在

ar.js存储库中的此示例使用了多个标记,但是它们都是不同的类型(即一种是Hiro标记,一种是汉字标记,等等):https://github.com/jeromeetienne/AR.js/blob/master/aframe/examples/multiple-independent-markers.html

2 个答案:

答案 0 :(得分:2)

尝试了ar.js区域很长时间,这是我的一些结论。

1)启用markersAreaEnabled

要触发我用过的markersAreaEnabled: true

<a-marker type="area"></a-marker>

也尝试与<a-marker-camera>取得相同的结果,如下所示。

2)了解该区域。

确保您拥有debugUIEnabled

<a-scene embedded arjs='sourceType: webcam; debugUIEnabled: true'>

点击“学习新标记区域”时,您会在左下角看到一个简单的菜单:

enter image description here

对不起,我现在连打印机都没有,所以大部分是看着我屏幕的LQ相机。

最初,我以为我可以单独使用hirokanji模式创建一个区域-但正如您所看到的-学习过程正在进行中,并且似乎根本不起作用。


仅当我放置了debugUI中列出的所有图像(链接到图像here)时,我才得到一些有趣的结果: enter image description here 这里有很多事情。显然ar.js构成一个基于5标记的区域。不仅显示了数字,甚至 Learning (学习)从进展中切换到 Done 。同样在标记学习选项卡中,您可以看到包含区域信息的JSON已创建:

enter image description here

上面写着文件存在时间为13m03

单击屏幕可将您带回到您的网站。到目前为止,我的所作所为没有任何错误。

3)后果

切换marker-helper揭示了可悲的事实:

enter image description here

仅将hiro标记视为标记(目标?)。一旦看不见,盒子就会消失。

所以我想所有这些都直接进入了ar.js issues。而且答案是“现在不起作用”。令人遗憾的是,这是一个了不起的功能。如果它能正常工作,我希望有人能解释我在做什么错。如果我的问题得到任何反馈,我将尽快更新anwser。

直到然后

enter image description here


ps:

  • 我尝试过重置区域
  • 我尝试清除区域文件
  • 我正在尝试在学习区域的同时单击“暂停”按钮和屏幕上的任何地方。
  • 我尝试使用其他可用字母。

答案 1 :(得分:1)

正如@mnutsch所说,AR.js可以满足您的要求。

您可以在两个不同的标记上显示两个不同的模型。如果相机看不到任何标记,则模型会消失(或停留在最后一个标记,具体取决于您的实现方式。

相机不需要同时看到两者。

截屏: https://www.dropbox.com/s/i21xt76ijrsv1jh/Screenshot%202018-08-20%2011.25.22.png?dl=0

项目: https://curious-electric.com/w/experiments/aframe/ar-generic/

此外,与Vuforia不同,它没有“扩展跟踪”功能-一旦看不见代码,就无法跟踪。