A-Frame AR.js 标记模式不起作用

问题描述 投票:0回答:2

我正在使用 A-Frame 和 AR.js 示例来创建自定义标记。

Glitch 示例页面链接:https://opposite-bike.glitch.me/testMarker.html

Glitch 项目链接:https://glitch.com/edit/#!/opposite-bike

我使用 .patt 文件添加了两个标记,一个是 hiro,可在 AR.js 网站上找到,另一个是使用 https://jeromeetienne.github.io/AR.js/ Three.js 创建的自定义标记/examples/marker-training/examples/generator.html

图像文件的路径是,

Hiro 图案(工作中)

小猫图案(不起作用)

两种模式的.patt 文件都存储在标记文件夹中以供访问。

Hiro 图案工作正常,但定制图案却不行。

任何人都可以帮忙找到丢失的东西吗?

这是代码

HTML

<html>
  <head>
    <title>Multiple Markers - A-Frame School</title>
    <meta name="description" content="Multiple Markers - A-Frame School">
    <script src="https://aframe.io/releases/0.7.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>

  </head>
<body style="margin : 0px; overflow: hidden;">
  <a-scene embedded arjs="sourceType: webcam;">
    <!-- handle marker with your own pattern -->
    <a-marker type="pattern" patternurl="markers/hiro-m.patt">
      <a-sphere position="0 0.5 0" radius="0.25" rotation="0 10 0" color="#EF2D5E"></a-sphere>
    </a-marker>
    <a-marker type="pattern" patternurl="kmarkers/kitten.patt">
      <a-sphere position="0 0.5 0" radius="0.25" rotation="0 10 0" color="#ffccff"></a-sphere>
    </a-marker>
    <!-- handle marker with hiro preset -->
    <a-marker preset="hiro">
      <a-box position="0 0.5 0" material="color: green;"></a-box>
    </a-marker>
    <!-- handle barcode marker -->
    <a-marker type="barcode" value="5">
      <a-box position="0 0.5 0" material="color: blue;"></a-box>
    </a-marker>
    <!-- add a simple camera -->
    <a-entity camera></a-entity>
  </a-scene>
</body>
</html>
javascript augmented-reality aframe ar.js
2个回答
3
投票

是不是因为小猫的形象很复杂

如果您在训练标记后看到并打开 AR.js 提供的 PATT 文件的内部,您可以看到如下所示。

模式训练器只是创建一个仅包含 0 和 255 的文件,它是相机识别用户的指南。

在您的情况下,训练员将无法识别猫的图像,因为它具有 非常复杂的侧面和边缘。

在我的例子中,我尝试训练一个标记(这是菲律宾空军的圆形),标记训练器只是在 PATT 文件中生成了一堆 0,因为对于 AR.js,我这里的图像非常复杂。

在你的情况下,训练器可能会生成一个包含一堆 0 的 PATT 文件。


0
投票

是的,我也遇到了同样的问题,我的 Hiro 模式来自 AR.JS 库发送给您的工具,无论如何,当我将 Hiro 图像放入其中时,它不起作用。

当我使用这个 .patt 文件时,它起作用了:https://github.com/jeromeetienne/AR.js/blob/master/third.js/examples/marker-training/examples/pattern-files/pattern-hiro .帕特

所以问题出在我的教程网站上的 .patt 文件

© www.soinside.com 2019 - 2024. All rights reserved.