0

我有一个从Hamburger Google Poly下载的 OBJ 模型。我正在使用 AR.js 和 A-Frame 来加载模型。这是我的代码

<!DOCTYPE html>
<html>
    <script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>
    <script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.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="sourceType: webcam; trackingMethod: best; debugUIEnabled: false;" antialias="true">

            <a-anchor hit-testing-enabled="true">

                <a-obj-model src="Hamburger.obj" 
                             mtl="Hamburger.mtl"
                             position="0 0.5 0"
                             scale="0.1 0.1 0.1"
                            >
                </a-obj-model>                          
            </a-anchor>
            <a-camera-static/>
        </a-scene>
    </body>
</html>

我能够加载模型，但不知何故纹理不正确。它似乎变黑了。 黑化装汉堡包模型

我究竟做错了什么？为什么模型没有加载正确的纹理？我在同一位置有 .mtl 文件和基本颜色文件。

4

1 回答 1

1

据我所知，.obj、.fbx 或 .dae 等格式有点不一致，这意味着它们在 a-frame 中并不总是按预期工作。

您应该尝试使用此导出器将模型转换为 glTF ，.glTF 是为 webGL 设计的格式，到目前为止我没有遇到任何问题。

文档中的 a-frame 团队也推荐它！

于 2018-03-17T02:10:24.117 回答