如何使用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项目的示例时发现了它.您需要将"debugUIEnabled:false"添加到元素的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隐藏它们的最简单方法。或使用debugUIEnabled：在ar.js场景系统中为false

我希望这有帮助