即使纹理文件正在加载,Aframe obj模型也不会加载

时间:2018-03-15 04:36:56

标签: html aframe

我一直在研究aframe一段时间现在正在使用google poly模型,并且遇到了一些似乎无法正常渲染的模型(在本地尝试,也加载了纹理文件)。

这是html代码:

<html>
<head>
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
  <a-assets>
    <a-asset-item id="chimpanzee_obj" src="Mesh_Chimpanzee.obj" ></a-asset-item>
          <a-asset-item id="chimpanzee_mtl" src="Mesh_Chimpanzee.mtl" crossorigin="anonymous"></a-asset-item>
  </a-assets>  
  <a-entity scale='.05 .05 .05' position="0 2 0" obj-model="obj: #chimpanzee_obj; mtl: #chimpanzee_mtl"></a-entity>
  <a-plane static-body position="0 -1 -4" rotation="-90 0 0" width="200" height="200" color="#7BC8A4"></a-plane>
    <a-sky color="#ECECEC"></a-sky>
    <a-camera position="0 0 5" user-height="1.6"><a-cursor src="ov.jpg"></a-cursor></a-camera>
</a-scene>

</body>
</html>

这是我的控制台的屏幕截图: enter image description here

链接到模型:https://poly.google.com/view/6m3diqGPysx

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

这似乎是一个错误,无论是在A-Frame,three.js还是模型本身。我会在A-Frame GitHub回购中报告,我们可以对其进行调查。

在采用相同模型和converting it to glTF here后,模型显示正确。

Demo

截图:

enter image description here