Question

嗨，我是Aframe和AR.js的新手。我正在尝试加载毛刺（尝试了几次），但是在测试时，即使模型很小，我也只有一个带有点的蓝色加载屏幕。

我已经验证了该文件，并且还在在线浏览器中进行了测试，该文件很好。

谁能看到为什么无法加载模型以及我做错了什么的问题？我使用了在网上找到的现有代码，并且它们的模型运行良好。

我尝试了另一种模型，glb，但这也不起作用。为了方便起见，.bin位于我的S3存储桶的同一文件夹中。

谢谢！

<!doctype HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0,   maximum-scale=1.0">
</head>
<script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>

<script src="https://raw.githack.com/jeromeetienne/AR.js/2.0.5/aframe/build/aframe-ar.js">.       </script>

<!-- add this script in order to load a large set of 3D model extensions-->
<script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js"></script>

<body style='margin : 0px; overflow: hidden;'>
<!-- we add detectionMode and matrixCodeType to tell AR.js to recognize barcode markers -->
<a-scene embedded arjs='sourceType: webcam; debugUIEnabled: false ;detectionMode: mono_and_matrix; matrixCodeType: 3x3; ' >

<a-assets>
<a-asset-item id="animated-asset" src="https://arliveevent.s3.eu-west-2.amazonaws.com/starbucks_grande_coffee_cup_caution_hot/scene.gltf"></a-asset-item>
</a-assets>

<a-marker type='barcode' value='7'>
<a-box position='0 0.5 0' color="yellow"></a-box>
</a-marker>

<a-marker type='barcode' value='6'>
<a-entity gltf-model="#animated-asset" scale="0.5 0.5 0.5">
</a-entity>
</a-marker>

<!-- use this <a-entity camera> to support multiple-markers, otherwise use <a-marker-camera> instead of </a-marker> -->
<a-entity camera></a-entity>
</a-scene>
</body>
</html>

Answer 1

我下载了您的gltf并将其放入 https://gltf-viewer.donmccurdy.com/ 它引发了一个错误 “缺少纹理：starbuckscup2_baseColor.png”

为确保您的资产稳定，请下载所有内容（所有模型和纹理），并将它们合并为一个glb。你可以用这个

http://www.glbconverter.com/

然后将其放在本地定义路径的资产文件夹中。那是防弹的方法。是的，它应该与远程源一起使用，但这会带来麻烦。

此外，最好是查找错误消息，在测试程序时，请打开控制台（在浏览器中右键单击>检查）。您将获得一些可能出问题的指示。在代码中包含控制台日志以测试是否已加载模型（eventListener（'model-loaded'）。请始终先测试glb以确保其正常工作。

https://gltf-viewer.donmccurdy.com/

glft未加载…仅加载屏幕

1 个答案: