three.js gltf模型贴图

three.js是一个JavaScript库，用于在Web浏览器上创建逼真的3D图形，包括加载和显示.gltf（GL Transmission Format，glTF）文件。gltf是一种轻量级的标准，用于封装3D模型、纹理（Texture）、动画等资源。

在three.js中，加载.gltf模型通常包含纹理贴图（Texture Maps）的过程可以分为以下几步：

1. **加载模型**: 使用THREE.GLTFLoader，你可以像下面这样加载一个.gltf文件：

const loader = new THREE.GLTFLoader();
loader.load('path/to/model.gltf', function(gltf) {
  scene.add(gltf.scene);
});

2. **访问纹理**: 模型加载完成后，模型对象会有一个`textures`属性，其中包含了所有的纹理信息。例如获取贴图：

const texture = gltf.scene.children[0].material.map;

3. **设置纹理**: 然后你可以将纹理应用到几何体的材质上，如漫反射贴图（diffuse map），高光贴图（specular map）等：

geometry.material.diffuseMap = texture;
geometry.material.specularMap = texture; // 如果有高光贴图

4. **渲染贴图**: 最后，在渲染函数`renderer.render(scene, camera)`中，纹理会自动出现在3D模型上。