gltf 文件未在 Aframe 中显示答案

【问题标题】：gltf file not showing in Aframegltf 文件未在 Aframe 中显示
【发布时间】：2020-04-03 16:17:37
【问题描述】：

我有两个文件，一个 glTF 和 OBJ 文件。我正在使用 Glitch 进行开发，并将它们都上传到我的资产文件夹中。

当我读取我的标记时，只显示 OBJ 文件。

<!DOCTYPE html>
<html>
<script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>
<script src="https://raw.githack.com/jeromeetienne/AR.js/master/aframe/build/aframe-ar.min.js"></script>
<script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js"></script>

<body style="margin : 0px; overflow: hidden;">
    <a-scene embedded arjs="debugUIEnabled: false;" vr-mode-ui="enabled: false" light="defaultLightsEnabled: true">
        <a-assets>
            <a-asset-item id="tree-gltf" src="https://cdn.glitch.com.....gltf"></a-asset-item>
            <a-asset-item id="db-mtl" src="https://cdn.glitch.com.....mtl"></a-asset-item>
            <a-asset-item id="db-obj" src="https://cdn.glitch.com....obj"></a-asset-item>
        </a-assets>
        <a-marker preset="kanji">
            <a-gltf-model src="#tree-gltf"></a-gltf-model>
            <a-obj-model src="#db-obj" mtl="#db-mtl" position="0 1.8 0"
                animation="property: rotation; to: 0 360 0; loop: true; dur: 6000"></a-obj-model>
        </a-marker>
        <a-entity camera></a-entity>
    </a-scene>
</body>
</html>

我的控制台没有出现任何错误。只是没有出现。

【问题讨论】：

标签： html aframe gltf

【解决方案1】：

如果您打开 .gltf 文件 - 您会发现 .bin 并且纹理是通过相对文件路径引用的。

故障“资产”文件夹不是真正的目录——其中的文件有不同的路径，可能彼此相距甚远。

试试：

将您的模型转换为仅包含所有资源和依赖项的 .glb
将模型放到 github 存储库中，其中路径是相对的
通过替换 .bin 来编辑 .gltf 文件，并将纹理路径替换为故障资产链接。

【讨论】：