如何在Ar.js中创建自定义标记?

时间:2017-12-05 02:02:47

标签: javascript aframe ar.js

我想知道Ar.js中的工作原理,但我一直坚持 创建自定义标记和自定义形状,有没有办法 定制的东西。

这就是我要开始的事情。

<script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>
<!-- include ar.js for A-Frame -->
<script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script>
<body style='margin : 0px; overflow: hidden;'>
  <a-scene embedded arjs>
    <!-- create your content here. just a box for now -->
    <a-box position='0 0.5 0' material='opacity: 0.5;'></a-box>
    <!-- define a camera which will move according to the marker position -->
    <a-marker-camera preset='hiro'></a-marker-camera>
  </a-scene>
</body>

这是入门的简单示例

2 个答案:

答案 0 :(得分:2)

您可以使用marker generator

在标记生成器中

  • 上传您的图片。

  • 下载经过培训的标记。

  • 将其包含在您的代码中。

训练过的标记包含在.patt文件中。 此文件包含您应在代码中重复使用的编码标记。您指定需要模式标记,并将URL提供给您自己的标记。所以只需在代码中替换它。

<a-marker-camera preset='custom' type='pattern' url='assets/NAME-OF-PATTERN-FILE.patt'></a-marker-camera>

答案 1 :(得分:0)

你需要创建&amp;指定自定义模式文件。 见Is it possible to use bespoke markers?

您还应该删除hiro预设。