A-frame将zip包转换为glb，用于草图制造模型

Question

我最近一直在用A帧编码，并且在我的场景中使用了gltf模型。我一直在使用sketchfab.com模型，因为我不知道如何在我的代码中放置tinkercad模型。当我从sketchfab.com下载一个模型并按download as gltf时，它会给我一个压缩文件夹。zip文件夹中有两个文件和一个文件夹。Scene.glf和scene.bin是文件，而textures是文件夹。我想把这个zip文件夹变成一个唯一的glb或gltf文件。我该如何做到这一点呢？

Answer 1

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

• model/scene.gltf
• model/scene.bin
• model/textures/diffuse.png
• model/textures/normal.png

..。其中scene.gltf文件包含对其他文件的相对引用。在给定.gltf引用as documented的情况下，A-Frame可以加载所有这些文件，只要它们托管在项目中的类似文件夹结构下：

<a-gltf-model src="assets/model/scene.gltf"></a-gltf-model>

将整个模型组合到一个自包含的(二进制) .glb文件中也是很常见的，这是一种“无损”的更改，如果由正确实现的工具完成，应该不会以任何方式影响内容。两个简单的选项是glTF-Pipeline或glTF-Transform。示例：

npm install --global @gltf-transform/cli

gltf-transform cp model/scene.gltf output.glb

另请参阅https://glb-packer.glitch.me/，但它可能不适用于某些文件。

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