在我的 Web 应用程序中,想要使用 QR 码扫描值实现增强现实。
扫描二维码后,根据二维码值从服务器获取数据,并根据响应显示图像或对象。
我浏览了A-Frame 博客,能够显示带有 hiro/barcode 但具有静态值的示例对象。我想通过扫描二维码使其动态化。
如何通过使用 AR.js 和 A-Frame 来实现这一点?
在我的 Web 应用程序中,想要使用 QR 码扫描值实现增强现实。
扫描二维码后,根据二维码值从服务器获取数据,并根据响应显示图像或对象。
我浏览了A-Frame 博客,能够显示带有 hiro/barcode 但具有静态值的示例对象。我想通过扫描二维码使其动态化。
如何通过使用 AR.js 和 A-Frame 来实现这一点?
这可以通过数据矩阵来完成。像这样配置你的场景:
<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
如何打开包含 AR.js 代码的应用程序/页面?
如果是通过 QR 码本身,您只需将要访问的 UUID 作为参数附加到 URL,然后从 URL 查询参数中访问。
(当然,您仍然必须从您的 QR 码中为 AR.js 制作一个标记,以便能够在哪里显示您的信息,因为 AR.js 仅提供基于标记的 AR。)