使用 AR.js 扫描二维码并根据扫描值显示对象答案

【问题标题】：Scan QR code with AR.js and display objects based on scanned value使用 AR.js 扫描二维码并根据扫描值显示对象
【发布时间】：2018-09-09 11:59:48
【问题描述】：

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

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

我已经通过 A-Frame blog 能够显示带有 hiro/barcode 但具有静态值的示例对象。我想通过扫描二维码使其动态化。

如何使用 AR.js 和 A-Frame 实现这一点？

【问题讨论】：

【解决方案1】：

这可以通过数据矩阵来完成。像这样配置你的场景：

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

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

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

您可以使用此工具生成您的条形码：http://au.gmented.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

【讨论】：

谢谢，@oldthund3r 我试过这个例子它正在工作。但在我的要求中，我需要使用包含 uuid 的 QR 码。有没有办法使用jsartoolkit动态获取条形码值？

【解决方案2】：

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

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

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

【讨论】：