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

pra*_*oga 5 javascript augmented-reality aframe ar.js

在我的网络应用程序中,想要通过二维码扫描值来实现增强现实。

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

我浏览过A-Frame 博客,能够使用 hiro/条形码显示示例对象,但具有静态值。我想通过扫描二维码使其动态。

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

old*_*d3r 2

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

<a-scene arjs='detectionMode: mono_and_matrix; matrixCodeType: 3x3;'></a-scene>
Run Code Online (Sandbox Code Playgroud)

然后,将您的对象包裹在条形码标记中:

<a-marker type='barcode' value='5'></a-marker>
Run Code Online (Sandbox Code Playgroud)

您可以使用此工具生成条形码: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]
Run Code Online (Sandbox Code Playgroud)

其中一些能够编码更多数量的唯一值,但它们的准确性水平各不相同。您可以在这里阅读:https://github.com/artoolkit/artoolkit-docs/blob/master/3_Marker_Training/marker_barcode.md