问AR.JS自定义标记

EN

我已经在这上面花了很多年了！最后弄清楚这是几个问题。

模式1.preset=“”

首先，如果您查看原始的js脚本：https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js，您会注意到else if中没有preset="custom"。例如，搜索else if( _this.data.preset === 'kanji' ){。

然而，这里有一个preset="pattern"。因此，在您的示例中，请替换：

<a-marker preset="custom" type="pattern" url="img/pattern-marker.patt"> <a-box position='0 0.5 0' material='color: black;' soundhandler></a-box> </a-marker>

使用

<a-marker preset="pattern" type="pattern" url="img/pattern-marker.patt"> <a-box position='0 0.5 0' material='color: black;' soundhandler></a-box> </a-marker>

2.将.patt上传到您的GitHub，以便它可以解析文件

其次，我的.patt没有被本地获取，所以url="img/pattern-marker.patt"不能工作。将此.patt文件上推到GitHub，然后使用raw.githubusercontent引用它。

示例

您可以使用我的模式对此进行测试。https://raw.githubusercontent.com/lbelfield/augmented-reality/master/src/components/trainTicket/train-ticket.patt。

标记图片如下：https://github.com/lbelfield/augmented-reality/blob/master/src/components/trainTicket/train-ticket.png

React-Web-AR:这不适用于您，但如果有人像我一样使用React-Web-AR，请使用以下代码：

<Marker parameters={{ preset: 'pattern', type: 'pattern', patternUrl: 'https://raw.githubusercontent.com/lbelfield/augmented-reality/master/src/components/trainTicket/train-ticket.patt', url: 'https://raw.githubusercontent.com/lbelfield/augmented-reality/master/src/components/trainTicket/train-ticket.patt' }}>