我是刚接触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 我该如何解决?