ThreeJS : 일부 텍스처 표면/삼각형이 렌더링되지 않습니다.

Question

.tga 파일에서 텍스처를로드하는 .obj 및 .mtl이 있습니다. 이 모든 것은 3D 모델링 소프트웨어에서 잘 작동하는 것처럼 보이지만 객체의 자식 중 일부 (특히 무릎과 송아지 사이에 포켓과 다리와 같이)가 아닌 three.js (THREE.WebGLRenderer({ antialias: true }))가로드되면 투명 한 들쭉날쭉 한 간격/빈 삼각형이있는 것 같습니다.

threejsHelper.helpers.loadObject('objects/pants/MaleBaggyPants.obj', 'objects/pants/MaleBaggyPants.mtl', { 
    blinn1SG: (new THREE.MeshPhongMaterial({ color: 0xffffff, transparent: false, opacity: 1.0, overdraw: 0.5, map: threejsHelper.helpers.loadTexture(app.manager, 'objects/pants/button.tga') })), 
    blinn2SG: (new THREE.MeshPhongMaterial({ color: 0xffffff, transparent: false, opacity: 1.0, overdraw: 0.5, map: threejsHelper.helpers.loadTexture(app.manager, 'objects/pants/back.tga') })), 
    blinn4SG: (new THREE.MeshPhongMaterial({ color: 0xffffff, transparent: false, opacity: 1.0, overdraw: 0.5, map: threejsHelper.helpers.loadTexture(app.manager, 'objects/pants/front.tga') })), 
    blinn5SG: (new THREE.MeshPhongMaterial({ color: 0xffffff, transparent: false, opacity: 1.0, overdraw: 0.5, map: threejsHelper.helpers.loadTexture(app.manager, 'objects/pants/pocket.tga') })), 
    blinn6SG: (new THREE.MeshPhongMaterial({ color: 0xffffff, transparent: false, opacity: 1.0, overdraw: 0.5, map: threejsHelper.helpers.loadTexture(app.manager, 'objects/pants/back.tga') })), 
    blinn7SG: (new THREE.MeshPhongMaterial({ color: 0xffffff, transparent: false, opacity: 1.0, overdraw: 0.5, map: threejsHelper.helpers.loadTexture(app.manager, 'objects/pants/front.tga') })) 
}, function (object) { 
    object.rotation.x = (-90*Math.PI/180); 
    object.rotation.z = (-90*Math.PI/180); 
    app.scene.add(object); 
    app.ready = true; 
}); 

도우미 함수 :

... 
loadTexture: function (manager, path) { 
    var texture; 
    if (path.split('.').pop() == 'tga') { 
     var loader = new THREE.TGALoader(); 
     texture = loader.load(path); 
    } else { 
     texture = new THREE.Texture(); 
     var loader = new THREE.ImageLoader(manager); 
     loader.load(path, function (image) { 
      texture.image = image; 
      texture.needsUpdate = true; 
     }); 
    } 
    return texture; 
}, 
loadMaterial: function (mtlPath, textures, complete) { 
    var loader = new THREE.MTLLoader(); 
    loader.load(mtlPath, function (materials) { 
     materials.preload(); 
     if (!!materials.materials) { 
      for (var key in materials.materials) { 
       if (key in textures) { 
        materials.materials[key] = textures[key]; 
       } 
      } 
     } 
     complete(materials); 
    }); 
}, 
loadObject: function (objPath, mtlPath, textures, complete) { 
    app.helpers.loadMaterial(mtlPath, textures, function (materials) { 
     var loader = new THREE.OBJLoader(); 
     loader.setMaterials(materials); 
     loader.load(objPath, function (object) { 
      complete(object); 
     }); 
    }); 
}, 
... 

로더 기능 (는 등의 오버 드로 값을 변경 투명도를 오프, 안티 앨리어싱 온 시도)

Answer 1

당신은 삼각형 분할과 함께 생각할 것입니다 두 개체에 보이는 것 따라 여분의 꼭지점이있는 것 같습니다.
필요하지 않은 꼭지점을 제거하고 99 %가 문제를 해결할 것이라고 확신합니다.

는 또한 모델이 매우 작은 규모입니다났습니다.