簡體   English   中英

如何在 Ar.js 中創建自定義標記?

[英]How to create custom marker in 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>

這是入門的簡單示例

您可以使用標記生成器

在標記生成器中

  • 上傳您的圖片。

  • 下載經過訓練的標記。

  • 將其包含在您的代碼中。

經過訓練的標記包含在.patt文件中。 此文件包含您應該在代碼中重用的編碼標記。 您指定您想要一個模式標記,並提供指向您自己的標記的 URL。 所以只需在您的代碼中替換它。

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

您將需要創建並指定一個自定義模式文件。 請參閱是否可以使用定制標記?

您還應該刪除 hiro 預設。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM