用ar.js扫描QR码，并根据扫描值显示对象

Question

在我的Web应用程序中，想要用QR代码扫描的值实现增强现实。

扫描QR代码后，基于QR代码值从服务器获取数据，并根据响应显示图像或对象。

我已经浏览了A-Frame博客，能够显示带有HIRO/条形码但具有静态值的样本对象。我想通过扫描QR代码使其动态。

如何通过使用ar.js和a-frame来实现这一目标？

Answer 1

这可以通过数据矩阵完成。以这样的方式配置您的场景：

<a-scene arjs='detectionMode: mono_and_matrix; matrixCodeType: 3x3;'></a-scene>

然后，将您的对象(S(包装在条形码标记中：

<a-marker type='barcode' value='5'></a-marker>

您可以使用此工具来生成条形码：http：//au.gented.com/app/marker/marker.php

请注意，matrixCodeType可以是：

之一

[3x3, 3x3_HAMMING63, 3x3_PARITY65, 4x4, 4x4_BCH_13_9_3, 4x4_BCH_13_5_5]

其中一些将能够编码更多的唯一值，但是它们具有不同级别的准确性。您可以在此处阅读：https：//github.com/artoolkit/artoolkit-docs/blob/master/3_marker_training/marker_barcode.md

Answer 2

如何打开包含ar.js代码的应用程序/页面？

如果是通过QR码本身，您只需附加您想要作为参数访问URL的UUID，然后从URL查询参数访问它。

(您仍然必须从QR码制作一个标记以使Ar.js能够在哪里显示您的信息，因为AR.JS仅提供基于标记的AR。(