GLTF没有在Firefox移动版中显示

时间:2019-11-30 20:30:43

标签: javascript html aframe gltf

我是刚接触A-frame的人,正在尝试使用3DModels,但是有一个问题,我刚开始在PC上测试我的代码,所有3DModel都在这里没有问题,但是当我想在手机上使用本地服务器进行测试,但Mew和Rayquaza 3DModels不会显示,服务器会加载它们,但它们不会出现。

HTML

<html>
<head>
  <script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>
  <script src="https://cdn.jsdelivr.net/gh/donmccurdy/aframe-extras@v6.0.1/dist/aframe-extras.min.js"></script>
  <script src="https://unpkg.com/aframe-environment-component@1.1.0/dist/aframe-environment-component.min.js"></script>
</head>

<body>
  <a-scene>
    <a-assets>
      <a-asset-item id="mew" src="./assets/mew/scene.gltf"></a-asset-item>
      <a-asset-item id="gym" src="./assets/gym/scene.gltf"></a-asset-item>
      <a-asset-item id="rayquaza" src="./assets/rayquaza/scene.gltf"></a-asset-item>
   </a-assets>

   <a-entity position="0 0.5 -8" gltf-model="#mew" scale="0.004 0.004 0.004" animation-mixer="clip: metarig|Idel01">
   </a-entity>
   <a-entity position="0 0.1 -4" gltf-model="#gym" animation-mixer></a-entity>
   <a-entity position="0 10 -50" animation="property: position; to: 0 10 0; dur: 3000;" scale="0.01 0.01 0.01"
  gltf-model="#rayquaza" animation-mixer></a-entity>
 </a-scene>
</body>
</html>

我注意到问题出在Firefox应用程序上,在Google Chrome应用程序中我没有这个问题,我可以看到我所有的3D模型,但是我不能使用陀螺仪,我也不知道为什么。 我的手机是华为P20 我该如何解决?

0 个答案:

没有答案