我正在Aframe react应用程序中加载一个gltf2模型,在检查器中,该模型看起来已加载,但显示为空。
这种情况发生在.gltf 1.0、.gltf 2.0和.glb格式中。它们在在线模特观众中看起来不错,但在Aframe React应用程序中却是空的。
装载模型
<Entity id="mod" gltf-model= "/test_asset/1/scene.gltf" />
和
"dependencies": {
"aframe": "^0.8.2",
"aframe-react": "^4.4.0",
"axios": "^0.18.0",
"bootstrap": "*",
"react": "^16.6.3",
"react-dom": "^16.6.3",
"react-scripts": "2.1.1"
}
渲染发生在react组件内部,而不是在main app.js 中进行渲染
我还三次检查了天平的位置和其他参数,它看起来只是空的,
有人在加载gltf时遇到了类似的问题?
谢谢!
尝试:
<Scene>
<a-assets>
<a-asset-item id="mod" src="test_asset/1/scene.gltf"></a-asset-item>
</a-assets>
<Entity
id="myMod"
gltf-model="#mod"
scale="0.01 0.01 0.01"
position={{ x: 0, y: 0.368, z: -3.100 }}
/>
</Scene>
使用.glb模型,并在检查器窗口中增加其规模和旋转