ar.js 3d 模型未显示

Question

我刚开始学习使用 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），更改模型的比例但似乎没有任何效果。可能是什么问题？

Answer 1

由于两个因素，模型不会显示：

模型很大而且偏心。将它缩放 0.01 会使其向中心移动一点。

如果您的模特出现在 Dons gltf-viewer - always try out your model in vanilla a-frame - at least in a fiddle。它易于检查、调试，您可以确定是否 a-frame 引起了问题。

故障资产不是文件夹。为了方便起见，它可能看起来像这样，但它只是一堆链接。所以 scene.gltf 正在其当前目录中搜索 scene.bin（编辑并搜索 gltf 文件 - 它是人类可读的），但它不在那里。

用故障 url 替换路径是个坏主意（通常路径比 .bin 多得多）。您应该将模型推送到 github 存储库，其中的目录按预期工作。

正在工作 glitch here。

ar.js 3d 模型未显示

ar.js 3d model doesn't show up

3d

augmented-reality

aframe

gltf

ar.js