gltf 文件未显示在 Aframe 中

Question

我有两个文件，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>

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

Answer 1

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

故障 "assets" 文件夹不是真正的目录 - 中的文件有不同的路径，可能彼此不相近。

尝试：

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

gltf 文件未显示在 Aframe 中

gltf file not showing in Aframe

html

aframe

gltf