使用AR.js扫描QR码并根据扫描值

时间:2018-03-30 12:32:56

标签: javascript augmented-reality aframe ar.js

在我的网络应用程序中,想要实现具有QR码扫描值的增强现实。

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

我已经通过A-Frame blog能够显示带有hiro /条形码但具有静态值的样本对象。我希望通过扫描QR码来使其动态化。

如何使用AR.js和A-Frame实现这一目标?

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

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

如果通过QR码本身,则可以将要访问的UUID作为参数附加到URL,然后从URL查询参数访问。

(由于AR.js仅提供基于标记的AR,因此您仍然需要从QR代码中为AR.js标记,以便能够在哪里显示您的信息。)