three.js 利用osgb文件的贴图创建大量mesh时jpg或png格式的贴图压缩详细代码

首先，你需要使用 three.js 中的 `OBJLoader` 或 `GLTFLoader` 加载你的 `osgb` 文件，然后将贴图映射到场景中的 `Mesh` 上。

加载 `osgb` 文件并创建 `Mesh` 的代码如下：

// 创建场景
var scene = new THREE.Scene();

// 创建相机
var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.set(0, 0, 10);

// 创建渲染器
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 加载 osbg 文件
var loader = new THREE.OBJLoader();
loader.load('./path/to/your.osgb', function(obj) {
  // 创建材质
  var material = new THREE.MeshBasicMaterial({
    map: new THREE.TextureLoader().load('./path/to/your.png') // 加载 png 格式的贴图
  });

  // 遍历场景中的 Mesh，并将材质应用到其中
  obj.traverse(function(child) {
    if (child instanceof THREE.Mesh) {
      child.material = material;
    }
  });

  // 添加到场景中
  scene.add(obj);
});

如果你的 `osgb` 文件使用的是 `jpg` 格式的贴图，只需要将上面代码中的 `.png` 改为 `.jpg` 即可。

如果你想要对贴图进行压缩，可以使用 `TextureLoader` 中的 `texture.encoding` 属性和 `texture.minFilter` 属性。

// 创建材质
var texture = new THREE.TextureLoader().load('./path/to/your.png');
texture.encoding = THREE.sRGBEncoding; // 设置颜色空间为 sRGB
texture.minFilter = THREE.LinearMipmapLinearFilter; // 设置贴图压缩格式为 LinearMipmapLinearFilter

var material = new THREE.MeshBasicMaterial({
  map: texture
});

在上面的代码中，我们将贴图的颜色空间设置成了 `sRGB`，并将贴图压缩格式设置成了 `LinearMipmapLinearFilter`。你也可以根据自己的需求选择其他的压缩格式。