У меня есть модель 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 и файл базового цвета в одном месте.