AR.js多标记失效
AR.js多标记失效
提问于 2019-02-03 09:19:40
我正在使用2种自定义模式，并试图使AR.js识别它们。这两个标记都是我使用AR.js标记训练制作成模式的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>`结果：
如何使模式识别只显示一个项目并打印正确的模式识别？
谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-02-08 16:18:06
如何在识别标记时将某些内容记录到控制台：
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>这样就行了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54501492
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号