logo标签列表

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

javascriptaframear.js
4

我想知道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个回答
8
你可以使用标记生成器。
在标记生成器中：

  • 上传你的图像。

  • 下载已训练的标记。

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

已训练的标记包含在一个.patt文件中。 该文件包含了你应该在你的代码中重新使用的编码标记。你指定你想要一个模式标记，并提供到你自己的标记的URL。因此，只需在你的代码中替换它即可。
<a-marker-camera preset='custom' type='pattern' url='assets/NAME-OF-PATTERN-FILE.patt'></a-marker-camera>
0
谢谢，那就是解决方案。 - Gopinath Kaliappan
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接