如何在 ar.js 中使用自定义标记答案

【问题标题】：How do I use Custom Marker with ar.js如何在 ar.js 中使用自定义标记
【发布时间】：2020-01-19 09:07:17
【问题描述】：

我正在尝试在 ar.js 中制作自定义标记，遗憾的是没有成功，希望有人能提供帮助。

我已经尝试了所有这些指南： https://medium.com/@aschmelyun/so-you-want-to-get-started-with-ar-js-41dd4fba5f81 https://medium.com/arjs/how-to-create-your-own-marker-44becbec1105 https://katharine.org/tutorials/custom-markers-ar-js/

遗憾的是，它似乎不起作用。奇怪的是，使用 hiro 标记它仍然可以工作，尽管代码没有提到它......（我尝试编辑 .js 文件仅用于 katherine-tutorial）。

<!doctype HTML>
<html>
  <script src="aframe.min.js"></script>            
  <script src="aframe-ar.js"></script>            
<script src="aframe-gif-shader.js"></script>   

  <body style="margin : 0px; overflow: hidden;">    
    <a-scene embedded arjs="debugUIEnabled: false">  
      <a-assets> 
        <img id="asset" src="https://raw.githubusercontent.com/mayognaise/aframe-gif-shader/master/examples/basic/banana.gif">
      </a-assets>
      <a-marker preset='custom' type="pattern" url='testpattern.patt'> 
      <a-entity geometry="primitive:plane;width:2;height:2;"
      position="0 0 0"
      rotation="-90 0 0"
      scale="0.5 0.5 0.5"
      material="shader:gif;src:#asset;alphaTest:0.5;"></a-entity>
    </a-marker>
    <a-entity camera></a-entity>    
    </a-scene>
  </body>
</html>

（还有一个问题，当我在自己的网站上上传相同的 gif 时，该 gif 不再适用于该代码，有人知道为什么吗？）

【问题讨论】：

Is it possible to use custom markers?的可能重复
您可以链接一个故障，我相信如果您丢失了preset=custom 属性，如果网址正确，它应该可以工作。

标签： javascript html augmented-reality aframe ar.js

【解决方案1】：

ar.js 中的自定义标记只需要设置type 和url：

<a-marker type="pattern" url="url/to/mypattern.patt">
  <a-entity myobject></a-entity>
</a-marker>

您可以使用this 图片在此glitch 中查看。

【讨论】：

嘿，抱歉，直到现在才来查看。拿你的代码工作。使用您的 Pattern 的 url 修改我的代码也可以。但是当我尝试下载该模式并将其上传到 googledrive 或网络空间并链接它时，它会中断。是否有某种方式可以上传模式，或者您有任何其他想法为什么会这样？
将模式上传到 github 页面并使用该链接似乎有效。但我想不出网络空间有什么问题，在那里上传不起作用。无论如何，自定义标记都有效。非常感谢！