首页 > 解决方案 > 设置条形码多标记 // AR.js

问题描述

我正在尝试为多标记设置 AR.js,如图所示:墙上的条形码标记这个想法是在标记之间的空间中播放一个视频。

但是,我对如何做到这一点感到困惑。我尝试设置多标记播放器和学习器,但他们引用的许多 .js 文件不再在 AR.js github 上找到。而且我不知道如何告诉他们寻找这些特定的标记。

你会好心指导我吗?

太感谢了!

标签: javascriptthree.jsaugmented-realityaframear.js

解决方案


试试这个多标记配置生成器。
如果您用对填充输入<type, value/path>,例如:

在此处输入图像描述

您应该能够使用生成的配置来创建标记区域。

上面的配置创建了一个由“0”条形码和“hiro”标记组成的区域 - 如果条形码或标记被覆盖,模型仍然可见(Willy Decarpentrie的无人机)。

在此处输入图像描述


DIY

为多标记设置 ar.js 对模式和条形码的工作方式相同。

你需要

  1. 为对象提供一组 {type, path/value} 对THREEx.ArMultiMakersLearning。这是在学习者示例中完成的。

  2. 使用THREEx.ArMultiMakersLearnings.toJSON()函数获取配置字符串。

  3. 将文件保存在ARjsMultiMarkerFilelocalStorage 项中。

  4. 将标记类型设置为area在您的网站上。


推荐阅读