我之前也踩过类似的坑——用MakeHuman创建角色、Blender调完材质导出到three.js后，眼睛本该显示纹理却变成了淡蓝色，整体效果特别怪异。结合我的经验，给你几个具体的排查和解决方向：

1. 先确认Blender内的眼睛材质设置 #

• 打开Blender的材质编辑器，选中眼睛对应的材质，先检查纹理是否真的正确绑定：如果是使用纹理面板（标准渲染器），确认纹理文件路径有效、文件没有损坏；如果是节点编辑模式，确保纹理节点正确连接到材质的颜色输入，没有被其他节点覆盖。
• MakeHuman导出的模型有时候眼睛会自带多层材质，你设置的纹理可能被底层默认的蓝色材质压在了下面，记得把纹理所在的材质设为激活状态，并检查材质的渲染优先级。

2. 调整Blender导出选项的细节 #

• 你提到导出时勾选了纹理相关选项，建议补充勾选Embed Textures（嵌入纹理）或者Copy Textures（将纹理复制到导出目录），不然three.js加载时找不到纹理文件，就会自动用默认的淡蓝色材质替代。
• 再次确认几何体选项里的UV是勾选状态，眼睛的UV映射如果没导出，纹理根本没法正确贴合到模型上。可以在Blender的UV编辑器里先预览下眼睛的UV展开是否正常，有没有重叠或偏移。

3. three.js加载时的材质校验与修复 #

• 加载模型后，手动遍历材质检查纹理是否加载成功，比如用这段代码排查：

  // 以GLTF加载为例
  const loader = new THREE.GLTFLoader();
  loader.load('your-model.gltf', function(gltf) {
    gltf.scene.traverse(child => {
      if (child.isMesh && child.material.name.includes('Eye')) {
        console.log('眼睛材质纹理:', child.material.map);
        // 如果输出为null，说明纹理没加载到，可手动赋值
        if (!child.material.map) {
          const eyeTex = new THREE.TextureLoader().load('path/to/eye-texture.png');
          child.material.map = eyeTex;
          child.material.needsUpdate = true;
        }
      }
    });
    scene.add(gltf.scene);
  });
  

• 如果你之前用的是OBJ格式导出，建议换成GLTF格式试试——GLTF在three.js中的材质兼容性远优于OBJ，MakeHuman和Blender都支持GLTF导出，很多材质异常问题换格式就能直接解决。

4. 检查纹理文件本身 #

• 确保眼睛纹理是three.js支持的格式（PNG、JPG等），避免使用Blender专属的纹理格式。
• 导出后，纹理文件的路径要和模型文件匹配，three.js的纹理加载路径是相对HTML文件的，所以如果纹理在子文件夹里，路径要写准确。

内容的提问来源于stack exchange，提问作者theusaf