AR.js 3D模型不显示



我刚刚开始学习用AR.js创建AR场景,在加载自定义3D模型时遇到了一些问题。我试过很多例子,它们都很完美,但一旦我插入自己的模型,它就不会出现。对于给定的例子和我的3D模型,我使用了几乎相同的代码,这就是

<!DOCTYPE html>
<html>
<script src="https://aframe.io/releases/1.0.0/aframe.min.js"></script>
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>
<body style="margin : 0px; overflow: hidden;">
<a-scene embedded arjs>
<a-marker preset="hiro">
<a-entity
position="0 0 0"
<!-- example given in AR.js docs -->
<!-- scale="0.05 0.05 0.05"
gltf-model="https://arjs-cors-proxy.herokuapp.com/https://raw.githack.com/AR-js-org/AR.js/master/aframe/examples/image-tracking/nft/trex/scene.gltf"
-->
<!-- my 3D model -->
scale="0.05 0.05 0.5"
gltf-model="model/scene.gltf"
></a-entity>
</a-marker>
<a-entity camera></a-entity>
</a-scene>
</body>
</html>

我的页面结构:

.
|_ index.html
|_ model
|_ scene.gltf
|_ scene.bin

我的型号:

https://sketchfab.com/3d-models/coronavirus-covid-19-virus-991102145c294fe4b633faecc23f3799

我尝试了许多其他模型,其他格式(.dae、.obj、.fbx(,改变了模型的比例,但似乎什么都不起作用。可能是什么问题?

由于两个因素,模型不会显示:

  1. 这个模型很大,而且偏离了中心。将其缩放0.01会使其稍微向中心移动

如果您的模型出现在Dons gltf查看器中,请始终试用香草a-frame中的模型,至少是在小提琴中。它易于检查、调试,并且您可以确定a-frame是否导致了故障。

  1. Glitch资产不是文件夹。为了方便起见,它可能看起来是这样的,但它只是一堆链接。所以scene.gltf正在其当前目录中搜索scene.bin(编辑和搜索gltf文件——它是人类可读的(,但它不在那里

用故障URL替换路径是个坏主意(通常路径比.bin多得多(。您应该将模型推送到github存储库中,在那里目录可以按预期工作。

这里的arjs工作出现故障。

最新更新