我使用A-Frame和AR.js样本来创建自定义标记。
Glitch示例页面的链接:https://opposite-bike.glitch.me/testMarker.html
Glitch项目的链接:https://glitch.com/edit/#!/opposite-bike
我添加了两个带有.patt文件的标记,一个是在AR.js网站上可用的hiro,另一个是使用https://jeromeetienne.github.io/AR.js/three.js/examples/marker-training/examples/generator.html
创建的自定义标记图像文件的路径是
Hiro pattern(工作)
Kitten pattern(不工作)
两种模式的.patt文件都存储在标记文件夹中以供访问。
Hiro模式工作正常,但自定义模式不是。
任何人都可以帮忙,找到遗失的东西吗?
这是代码
HTML
<html>
<head>
<title>Multiple Markers - A-Frame School</title>
<meta name="description" content="Multiple Markers - A-Frame School">
<script src="https://aframe.io/releases/0.7.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>
</head>
<body style="margin : 0px; overflow: hidden;">
<a-scene embedded arjs="sourceType: webcam;">
<!-- handle marker with your own pattern -->
<a-marker type="pattern" patternurl="markers/hiro-m.patt">
<a-sphere position="0 0.5 0" radius="0.25" rotation="0 10 0" color="#EF2D5E"></a-sphere>
</a-marker>
<a-marker type="pattern" patternurl="kmarkers/kitten.patt">
<a-sphere position="0 0.5 0" radius="0.25" rotation="0 10 0" color="#ffccff"></a-sphere>
</a-marker>
<!-- handle marker with hiro preset -->
<a-marker preset="hiro">
<a-box position="0 0.5 0" material="color: green;"></a-box>
</a-marker>
<!-- handle barcode marker -->
<a-marker type="barcode" value="5">
<a-box position="0 0.5 0" material="color: blue;"></a-box>
</a-marker>
<!-- add a simple camera -->
<a-entity camera></a-entity>
</a-scene>
</body>
</html>