代码之家 › 专栏 › 技术社区 › Syed Saad

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

ar.js 3d-model .obj aframe augmented-reality

0

Syed Saad · 技术社区 · 7 年前

我从这里下载了一个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文件和基色文件位于同一位置。

1 回复 | 直到 7 年前

1

Piotr Adam Milewski 7 年前

据我所知,格式如。对象。fbx的,或。dae有点不一致,这意味着它们在a-frame中无法始终按预期工作。

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

a-frame团队也建议 docs 哦!