我正在使用 A-Frame 和 AR.js 示例来创建自定义标记。
Glitch 示例页面链接:https://opposite-bike.glitch.me/testMarker.html
Glitch 项目链接:https://glitch.com/edit/#!/opposite-bike
我使用 .patt 文件添加了两个标记,一个是 hiro,可在 AR.js 网站上找到,另一个是使用 https://jeromeetienne.github.io/AR.js/ Three.js 创建的自定义标记/examples/marker-training/examples/generator.html
图像文件的路径是,
Hiro 图案(工作中)
小猫图案(不起作用)
两种模式的.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>
是的,我也遇到了同样的问题,我的 Hiro 模式来自 AR.JS 库发送给您的工具,无论如何,当我将 Hiro 图像放入其中时,它不起作用。
当我使用这个 .patt 文件时,它起作用了:https://github.com/jeromeetienne/AR.js/blob/master/third.js/examples/marker-training/examples/pattern-files/pattern-hiro .帕特
所以问题出在我的教程网站上的 .patt 文件