如何在 Ar.js 中创建自定义标记？答案

【问题标题】：How to create custom marker in Ar.js?如何在 Ar.js 中创建自定义标记？
【发布时间】：2018-05-18 14:26:16
【问题描述】：

我想知道 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>

这是一个简单的入门示例

【问题讨论】：

标签： javascript aframe ar.js

【解决方案1】：

您需要创建并指定一个自定义模式文件。见Is it possible to use bespoke markers?

您还应该删除 hiro 预设。

【讨论】：

谢谢这就是解决方案

【解决方案2】：

您可以使用marker generator。

在标记生成器中

上传您的图片。
下载训练好的标记。
将其包含在您的代码中。

经过训练的标记包含在.patt 文件中。此文件包含您应该在代码中重用的编码标记。您指定您想要一个模式标记，并为您自己的标记提供 URL。因此，只需在您的代码中替换它即可。

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

【讨论】：