如何减少/压缩three.js GLTF模型大小(使用.bin和纹理)？

Question

我正在为我的网站加载一个三维模型的地球仪，它需要永远下载。

我使用GLTFLoader在React中加载模型。

  loadModals() {
    const loader = new GLTFLoader()
    loader.load(
      "/models/scene.gltf",
      gltf => {
        object = gltf.scene.children[0]
        scene.add(object)
        console.log("Model loaded")
      },
      xhr => {
        console.log("Model loading...")
      },
      error => {
        console.log("Model failed to load", error)
      }
    )
  }

与3d模型相关的文件包括：

• a图像纹理文件夹(58.7MB)
• scene.bin (1.2MB)
• scene.gltf (10 of )

从研究来看，如果模型附带了一个.bin文件，这意味着gltf不是以压缩的二进制格式。但是，在查看诸如gltf-pipeline online之类的工具时，我不知道如何在有单独的文件(如纹理文件夹和scene.bin )的情况下实现压缩。

我对three.js和在网络上的实现非常陌生，所以任何建议都将不胜感激。

谢谢!

Answer 1

因为我还没有收到任何答案，我的临时解决方案是首先使用Photoshop优化纹理文件夹中的图像。

但这是以低质量的出现模式为代价的。

Answer 2

如果你只是需要压缩你的纹理，有多个图像压缩网站。

为什么不使用.glb格式？GLB文件格式是GLTF的一种二进制格式，它包含纹理，而不是将它们作为外部图像引用。

对不起，如果我不帮你。