GLTF 不渲染,卡在蓝色加载屏幕
Posted
技术标签:
【中文标题】GLTF 不渲染,卡在蓝色加载屏幕【英文标题】:GLTF doesn't render, stuck in blue loading screen 【发布时间】:2021-12-27 18:39:15 【问题描述】:我正在尝试将 GLTF 模型加载到 A-Frame 脚本中。
这是我的 index.html:
<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<a-asset-item id="guiana" src="/assets/guiana.glb"></a-asset-item>
</a-assets>
<a-entity gltf-model="#guiana"></a-entity>
</a-scene>
</body>
</html>
在我的项目文件夹中,我有一个包含 guiana.glb 文件的 assets 子文件夹。
将 index.html 放入 Chrome 后,我卡在蓝色的加载屏幕中:
任何调试技巧都将不胜感激!谢谢!
【问题讨论】:
【参考方案1】:原来这是一个跨站点脚本问题(您可以通过查看开发人员工具控制台来判断)。解决此问题的一种方法是将 .GLB 文件上传到其他地方,并在 index.html 中包含完整的 URL。
【讨论】:
以上是关于GLTF 不渲染,卡在蓝色加载屏幕的主要内容,如果未能解决你的问题,请参考以下文章