如何使用 AR.js 检测多个标记

Question

我正在尝试检测不同的标记。一个是名为 and1painting.patt 的模式，另一个是预设 'hiro'

当我显示 hiro 模式时，它被 and1painting.patt 标记检测到。例如。在下面的代码中，当我显示 hiro 标记时，它总是显示蓝色框而不是红色框。思考为什么？我用已经在回购协议中的 sample1.patt 尝试了这个，但它也没有用。

<!doctype HTML>
<html>
<script src="https://aframe.io/releases/0.6.1/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"> </script>
  <body style='margin : 0px; overflow: hidden;'>
    <a-scene embedded arjs='sourceType: webcam;'>
        <a-marker type='pattern' patternUrl='Data/and1painting.patt'>
            <a-box position='0 0.5 0' material='opacity: 0.5; side:double; color:blue;'>
            </a-box>
        </a-marker>
        <!-- handle marker with hiro preset -->
        <a-marker preset='hiro'>
            <a-box position='0 0.5 0' material='opacity: 0.5; side:double; color:red;'>
            </a-box>
        </a-marker>
        <a-entity camera></a-entity>
    </a-scene>
  </body>
</html>

Answer 1

不幸的是AR.JS此刻仍然严重损坏： https://github.com/jeromeetienne/AR.js/pull/236

如果您按照问题中的评论进行操作，您可以找到可行的解决方案。

Answer 2

实际上，ar.js 并没有那么坏。上面的代码中存在语法错误，这就是它不起作用的原因。调用模式文件的正确语法只是 'url = ' 而不是 'patternUrl = ''.

试试这个：

a-标记类型='pattern' url='Data/and1painting.patt'

我知道它有效，因为我花了很长时间才弄明白。

如何使用 AR.js 检测多个标记

How to get detect multiple markers with AR.js

augmented-reality

aframe

ar.js