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 不渲染,卡在蓝色加载屏幕的主要内容,如果未能解决你的问题,请参考以下文章

在 Android 设备或模拟器上查看时,Sencha 触摸应用程序仍处于蓝色加载屏幕

使用Blender导出多个动画的GLTF模型

按钮中的图像未加载,我只得到一个蓝色方块

等到页面加载 Selenium Python

电脑不能正常启动怎么办?

无法使用 three.js 渲染 GLTF 对象