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>

我能够加载模型但不知何故纹理不正确。它看起来变黑了。

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

Answer 1

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

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

docs中的a-frame团队也建议使用它。

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

1 个答案: