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

标签 javascript augmented-reality aframe ar.js

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

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

我已经经历了A-Frame blog能够显示带有 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

关于javascript - 使用AR.js扫描二维码并根据扫描值显示对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49574506/

相关文章:

javascript - 如何以 hash_hmac PHP (SHA1) 形式获取 CryptoJS 结果

javascript - 克隆 A 形框架实体时的旋转问题

aframe - 为什么 A-Frame 中的 HTML/DOM 没有更新?

javascript - 单页应用程序 - 大型 DOM - 慢

javascript - 数据库中的信息有多本地化?

swift - iOS – ARKit 节点在 100 米后消失

java - 增强现实测量技术/方法

ios - 如何更改 Qualcomm 的 Vuforia 示例应用程序

three.js - 是否可以只使组件的一部分不可见?

javascript - 如何从回调函数中获取值