0

我正在使用 2 个自定义模式并试图让 AR.js 识别它们。这两个标记都是我使用AR.js Marker Training制作成图案的 6x6 条形码，并将下载的图案放入文件夹（如 500.patt 和 600.patt）。结果是当我向它显示一个标记时识别的两个标记，如图所示。

此外，我想在识别标记时得到反应（这就是控制台打印存在的原因），但是虽然两个标记的形状都被绘制，但控制台中没有打印。

我的代码：

`<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ar.js</title>

</head>
<!-- include A-Frame obviously -->
<script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>
<!-- include ar.js for A-Frame -->
<script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script>
<body style='margin : 0px; overflow: hidden;'>
  <a-scene embedded arjs="patternRatio: 0.90">
    <!-- create your content here. just a box for now -->
    <!-- define a camera which will move according to the marker position -->
    <a-marker-camera type='pattern' url='500.patt'>
        <a-box position='0 0.5 0' material='opacity: 0.5; color: red;'></a-box>
        console.log(500);
    </a-marker-camera>
    <a-marker-camera type='pattern' url='600.patt'>
        <a-sphere position='0 0.5 0' material='opacity: 0.5; color: blue;'></a-sphere>
        console.log(600);
    </a-marker-camera>
  </a-scene>
</body>
</html>`

结果： 错误

如何使模式识别仅显示一项并打印识别的正确模式？

谢谢

4

1 回答 1

1

识别标记时如何将某些内容记录到控制台：

AFRAME.registerComponent('registerevents', {
    init: function () {
        var marker = this.el;
        marker.addEventListener('markerFound', function() {
            var markerId = marker.id;
            console.log('! markerFound', markerId);
            // do additional things you want to do
        });
        marker.addEventListener('markerLost', function() {
            var markerId = marker.id;
            console.log('! markerLost', markerId);
            // do additional things you want to do
        });
    }
});

然后将registerevents组件添加到您的标记：

<a-marker id="marker" preset='hiro' registerevents>

那应该这样做。

于 2019-02-08T16:18:06.267 回答