加载不需要的纹理/颜色的 OBJ 模型答案

【问题标题】：OBJ models loading in undesired texture/Color加载不需要的纹理/颜色的 OBJ 模型
【发布时间】：2018-08-26 03:59:21
【问题描述】：

我有一个从这里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 文件和基本颜色文件。

【问题讨论】：

标签： augmented-reality aframe .obj 3d-model ar.js

【解决方案1】：

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

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

docs中的a-frame团队也推荐！

【讨论】：

是的，我想最好是导出，为此还找到了一个很酷的拖放工具！ 52.4.31.236/convertmodel.html