AR 入门

Created: November-22, 2018

要在 Web 上创建 AR 应用程序，你需要添加名为 AR.js 的新库。首先加载 aframe，然后加载 AR.js.

Newt 你必须使用添加了 artoolkit 属性的 aframe a-scene-tag 来设置你的场景。sourceType 必须是你的网络摄像头。使用此功能也支持智能手机的字体相机。

a-marker-camera-tag 在记录的屏幕内标记一个代表图像的图像。在这种情况下，它是 marker.png。当相机检测到此标记时，该框将显示在标记上。

你可以在下面找到示例代码：

<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
<script src="https://rawgit.com/jeromeetienne/ar.js/master/aframe/build/aframe-ar.js"></script>
<script>
    THREEx.ArToolkitContext.baseURL = 'https://rawgit.com/jeromeetienne/ar.js/master/three.js/'
</script>
<body>

    <a-scene artoolkit='sourceType: webcam;'>
        <a-box position='0 0 0.5' material='opacity: 0.5;'></a-box>
        <a-marker-camera preset='marker.png'></a-marker-camera>
    </a-scene>

</body>