Model A-frame将zip包转换为glb,用于草图工厂模型

Model A-frame将zip包转换为glb,用于草图工厂模型,model,aframe,virtual-reality,gltf,Model,Aframe,Virtual Reality,Gltf,我最近一直在A帧中编码,并且在我的场景中使用gltf模型。我一直在使用tinkercad模型,因为我不知道如何在代码中放置sketchfab.com模型。当我从sketchfab.com下载一个模型并按download as gltf时,它会给我一个zip文件夹。在zip文件夹中有2个文件和一个文件夹。Scene.glf和Scene.bin是文件,纹理是文件夹。我想把这个zip文件夹变成一个单独的glb或gltf文件。我将如何实现这一点?对于其他人的上下文,Sketchfab返回类似于 mod

我最近一直在A帧中编码,并且在我的场景中使用gltf模型。我一直在使用tinkercad模型,因为我不知道如何在代码中放置sketchfab.com模型。当我从sketchfab.com下载一个模型并按download as gltf时,它会给我一个zip文件夹。在zip文件夹中有2个文件和一个文件夹。Scene.glf和Scene.bin是文件,纹理是文件夹。我想把这个zip文件夹变成一个单独的glb或gltf文件。我将如何实现这一点?

对于其他人的上下文,Sketchfab返回类似于

  • model/scene.gltf
  • model/scene.bin
  • model/textures/diffuse.png
  • model/textures/normal.png
。。。其中,
scene.gltf
文件包含对其他文件的相对引用。A-Frame可以加载仅给定
.gltf
引用的所有这些文件,只要它们位于类似文件夹结构的项目中:

或。例如:

npm install --global @gltf-transform/cli

gltf-transform cp model/scene.gltf output.glb
另请参见,但它可能无法处理某些文件

注意:虽然从技术上讲可以创建一个自包含的
.gltf
文件,而不是
.glb
,但不要这样做。在(JSON)
.gltf
文件中嵌入二进制资源会使文件大小增加20-30%,并降低加载速度。(二进制)
.glb
格式在这里更有效