【问题标题】:Aframe 0.8.0 not able to load some GLTF modelsAframe 0.8.0 无法加载某些 GLTF 模型
【发布时间】:2018-08-27 17:27:51
【问题描述】:

我一直在使用 Aframe 制作小型应用程序。

我从 poly 中发现了一些未加载的模型。以下是链接:

模型 1:山路链接:https://poly.google.com/view/biVS28j2w4g

GLTF 2.0 链接:https://poly.googleusercontent.com/downloads/biVS28j2w4g/6OJLeYzlT9M/Hill.gltf


型号2:音箱链接:https://poly.google.com/view/5AcolbPvaM9

GLTF 链接:https://poly.googleusercontent.com/downloads/5AcolbPvaM9/blsDCJca0e7/Wall%20desk%20speakers.gltf


型号 3:扬声器 2.1 链接:https://poly.google.com/view/3N5cUYDN30g

GLTF 链接:https://poly.googleusercontent.com/downloads/3N5cUYDN30g/d_IjPXhvbsO/Hi-fi%20stereo.gltf


Google poly 能够使用 this 加载器预览所有模型,并且他们正在使用 three.js r-89 GLTF 加载器在其视图上渲染模型,请查看上面的链接。

【问题讨论】:

  • 你确定那些是 glTF2.0 吗?如docs 中所述,您只能将glTF1.0 与此loader 一起使用。你在你的模型上试过了吗?
  • 是的,它们都是 2.0。使用 Obj2GltfConverter 将它们从 OBJ 转换为 GLTF。我在所有 GLTF 文件中都找到了这段代码。 “资产”:{“发电机”:“Obj2GltfConverter”,“版本”:“2.0”},
  • 这些文件对我来说在 A-Frame 中工作。请尝试在您的问题中包含足够的信息以重现问题(即演示或最小代码),因为可能有很多原因导致特定模型不可见,每个 troubleshooting docs。我将在下面回答可能的原因,但这些只是猜测,没有看到您的代码。

标签: aframe


【解决方案1】:

这里有很多可能的原因,因此最好包含一个 JSFiddle 或最少的代码来重现问题。这种情况下可能出现的问题:

  1. 离线开发时使用本地服务器。
  2. 模型通常需要按比例缩小。在这种情况下,立体模型应该缩小到scale="0.001 0.001 0.001"左右。
  3. 您提到的 URL 用于下载,而不是用于托管模型。尝试在场景中使用它们会产生 CORS 错误,因此您需要先下载它们,包括关联的 *.bin 文件。

另请参阅A-Frame troubleshooting docs 以获取诊断问题的帮助。在解决了这些问题后,我测试了立体模型:

【讨论】:

  • 天哪!默认情况下,它们的缩放比例太大。有没有办法将模型实际缩放到一定长度,以便在视图中可见。我正在尝试制作的应用程序实际上采用了多边形链接并将它们添加到它们的原始大小。如果用户实际上可以看到每个模型都缩放到标准尺寸,或者有一种方法可以让我以一个单位获取当前尺寸以便在添加后缩放它们,那就太好了?
  • 您可以编写一个将模型缩放到一致大小的组件,有关详细信息,请参阅this question,或者如果您遇到困难,请随时提出新问题。
猜你喜欢
  • 2019-07-31
  • 1970-01-01
  • 1970-01-01
  • 2018-08-13
  • 1970-01-01
  • 2019-10-06
  • 2017-12-16
  • 1970-01-01
  • 2021-08-04
相关资源
最近更新 更多