如何使用AR.js删除警报'trackingBackend'和'markersAreaEnabled'？

Question

在我的AR.JS示例https://github.com/ybinstock/aframe_ar（github）https://ybinstock.github.io/aframe_ar（实时网站）上，我在附图中看到了这两个框。

这是我的aframe场景

<a-scene embedded arjs>

  <a-assets>
    <a-asset-item id="drone" src="busterDrone/busterDrone.gltf"></a-asset-item>
    <a-asset-item id="helmet" src="damagedHelmet/damagedHelmet.gltf"></a-asset-item>
    <a-asset-item id="skull" src="skull_downloadable/scene.gltf"></a-asset-item>
  </a-assets>


    <a-marker-camera preset='hiro'>

      <a-entity gltf-model-next="#drone"></a-entity>



    </a-marker-camera>


</a-scene>

Answer 1

您可以使用配置选项关闭调试垃圾。它没有记录（这非常令人沮丧），但我在查看其他AR.js项目的示例时发现了它。您需要添加＆＃39; debugUIEnabled：false＆＃39;进入arjs元素的<a-scene>属性。这是一个例子：

<a-scene embedded arjs='sourceType: webcam; debugUIEnabled: false;'>
  ... your a-frame markup ...
</a-scene>

仅供参考，您不需要embedded属性，也不需要sourceType: webcam。仅禁用调试的基本a帧场景如下所示：

<a-scene arjs="debugUIEnabled: false;">
  ... your a-frame markup ...
</a-scene>

列出可在arjs属性中使用的属性的AR.js自述文件位于：https://github.com/jeromeetienne/AR.js/tree/master/aframe

本文档未能提及您使用这些配置选项的 。巨大的疏忽。但答案是您将它们放在arjs标记的<a-scene>属性中。

我知道你可以用CSS隐藏调试内容，但这确实是隐藏它的正确方法。我希望有所帮助！

Answer 2

用css隐藏它们的最简单方法。或者在ar.js场景系统中使用debugUIEnabled：false

我希望这有帮助