【问题标题】:Setting up barcode multimarkers // AR.js设置条形码多标记 // AR.js
【发布时间】:2021-06-15 16:35:06
【问题描述】:

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

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

你愿意指导我吗?

非常感谢!

【问题讨论】:

  • 你尝试过从this 和this 线程做的东西吗?
  • 我试着用我在网上找到的东西拼凑起来,包括你好心链接到的线程,但我想我错过了一些东西......(我也意识到我不小心使用过时的 AR.js 播放器和学习器文件,这解释了我上面提到的过时的 .js 引用) 1. 我现在将整个 AR.js-master 文件复制到我的服务器 2. 我通过手机访问了 player.html 3 . 页面打开并且相机正在工作,但是当我按下“停止”按钮时,没有任何反应到目前为止我做错了什么?感谢@PiotrAdamMilewski 的时间和关注!
  • 我会尝试使用最新的 ar.js 版本重新创建它。整个过程相当复杂,也许创建一个合法的教程是个好主意:|
  • @PiotrAdamMilewski 那太好了,谢谢!我期待着看看你的重新创作:)
  • @PiotrAdamMilewski 另外仅供参考,以防万一它有帮助 - 我使用的条形码是其中四个:github.com/artoolkit/artoolkit5/blob/master/doc/patterns/… 但是我仍然对如何将它们添加为“学习”的标记一无所知: )

标签: javascript three.js augmented-reality aframe ar.js


【解决方案1】:

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

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

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


DIY

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

你需要

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

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

  3. 将文件保存在ARjsMultiMarkerFile localStorage 项。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-06-27
    • 2019-01-21
    • 2019-05-11
    • 2020-07-29
    • 2018-08-10
    • 1970-01-01
    • 2021-10-07
    • 1970-01-01
    相关资源
    最近更新 更多