如何为1个以上的纹理textureLoader.load并为每个纹理指定贴图名称？

在Three.js中，可以使用TextureLoader加载纹理，并为每个纹理指定贴图名称。下面是一个示例代码：

// 创建一个纹理加载器
var textureLoader = new THREE.TextureLoader();

// 定义纹理的贴图名称和对应的纹理路径
var textures = [
  { name: 'texture1', path: 'textures/texture1.jpg' },
  { name: 'texture2', path: 'textures/texture2.jpg' },
  { name: 'texture3', path: 'textures/texture3.jpg' }
];

// 创建一个存储纹理的对象
var textureMap = {};

// 加载纹理并为每个纹理指定贴图名称
textures.forEach(function(texture) {
  textureLoader.load(texture.path, function(tex) {
    textureMap[texture.name] = tex;
    // 纹理加载完成后的操作
    // 可以在这里将纹理应用到物体上
  });
});

在上面的代码中，我们首先创建了一个TextureLoader对象，然后定义了一个包含纹理名称和路径的数组textures。接下来，我们创建了一个空对象textureMap，用于存储加载后的纹理。

通过循环遍历textures数组，使用textureLoader.load方法加载每个纹理，并在加载完成后将纹理存储到textureMap对象中，以纹理名称作为键。

在纹理加载完成后，你可以根据需要将纹理应用到物体上，或者进行其他操作。

请注意，上述代码中的纹理路径是示例路径，你需要根据实际情况修改为你的纹理路径。

关于Three.js的纹理加载和应用，你可以参考腾讯云的产品文档：Three.js纹理加载和应用。