OBJ 模型加载不需要 texture/Color

Question

我有一个从这里下载的 OBJ 模型 Hamburger Google Poly。我正在使用 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>

我可以加载模型，但不知何故纹理没有 right.It 看起来变黑了。

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

Answer 1

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

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

也是a-frame团队在docs推荐的！

OBJ 模型加载不需要 texture/Color

OBJ models loading in undesired texture/Color

augmented-reality

aframe

.obj

3d-model

ar.js