javascript - 使用 THREE.ImageUtils.loadTexture 和 Three.js 出现 404 错误

Question

我正在尝试加载 3D 模型并第一次使用 Three.js。我在加载纹理时不断遇到错误。

loader.load('models/asteroid_OBJ/asteroid OBJ.js', function (geometry, materials) {
  var material = new THREE.MeshLambertMaterial({
    //map: THREE.ImageUtils.loadTexture('models/asteroid_OBJ/Map__4_Mix.tga'),   
    //map: THREE.ImageUtils.loadTexture('models/asteroid_OBJ/Map__12_Cellular.tga'),   
    //map: THREE.ImageUtils.loadTexture('models/asteroid_OBJ/Map__15_Noise.tga'),   

    colorAmbient: [0.480000026226044, 0.480000026226044, 0.480000026226044],
    colorDiffuse: [0.480000026226044, 0.480000026226044, 0.480000026226044],
    colorSpecular: [0.8999999761581421, 0.8999999761581421, 0.8999999761581421]
  });

如果我注释掉 loadTextures，图像将正确加载并运行。如果不这样做，图像就不会显示。无论哪种方式，我都会收到此错误:

GET http://localhost:8080/models/asteroid_OBJ/-bm%200.800000%20Map__4_Mix.tga 404 (Not Found)

据我所知，纹理位于正确的目录中 asteroid OBJ.js

Answer 1

当我收到此错误时，这是​​因为我忘记在我的 Web.config 文件中注册 .tga 作为文件扩展名。您的 Web.config 文件应如下所示:

<system.webServer>
             <staticContent>
                    <mimeMap fileExtension=".obj" mimeType="application/octet-stream" />
                    <mimeMap fileExtension=".tga" mimeType="application/octet-stream" />

             </staticContent>
</system.webServer>