Question

我试图在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标记仍然可以使用...（我尝试仅为katherine-tutorial编辑.js文件）。

<!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不再适用于该代码，有人知道为什么吗？）

Answer 1

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

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

您可以使用glitch图片在此this中进行检出。

如何将自定义标记与ar.js结合使用

1 个答案: