2017-09-29 51 views
1

在我的AR.JS示例https://github.com/ybinstock/aframe_ar(github)https://ybinstock.github.io/aframe_ar(live site)上,我得到了附在图像中的这两个框。如何使用AR.js删除警报的trackingBackend和markersAreaEnabled?

enter image description here

这里是我的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> 

回答

1

通过CSS来隐藏他们的最简单方法。或使用debugUIEnabled:虚假ar.js景系统

我希望这有助于

+0

谢谢,我用CSS并解决了问题 –

+0

'ar.js场景系统'对初学者来说并不意味着什么。请参阅我的回答以获得清晰的解释。 – namklabs

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-scene arjs="debugUIEnabled: false;"> 
    ... your a-frame markup ... 
</a-scene> 

的AR.js自述列出了您可在arjs属性使用属性是在这里:https://github.com/jeromeetienne/AR.js/tree/master/aframe

本文档不请确切地提及您如何使用这些配置选项。巨大的监督。但答案是你把它们放在<a-scene>标签上的arjs属性中。

我知道你可以隐藏调试的东西与CSS,但这是真正的隐藏它的正确方法。我希望这有助于!