如何使用 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

隐藏它们的最简单方法 css。或者在 ar.js 场景系统

中使用 debugUIEnabled: false

希望对您有所帮助

Answer 2

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

<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

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

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

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

How to remove the alerts 'trackingBackend' and 'markersAreaEnabled' with AR.js?

javascript

augmented-reality

ar.js