투명한 소재에서 어두운 부분을 제거하려면 어떻게해야합니까?

three.js가있는 브라우저에서 신발 모델을 보여드립니다. 뒤꿈치 부분을 반투명 소재로 설정하면 문제가 있습니다. 나는 프로젝트에서 orbitControls를 사용했고 어떤 각도로 회전 할 때 반투명 소재는 어두운 점과 파편 삼각형을 보여 줍니까?투명한 소재에서 어두운 부분을 제거하려면 어떻게해야합니까?

나는 그것을 같이 할 :

가 어떻게 순수한 색으로 자료를 설정하기 위해 재료의 특성을 변경할 수 있습니까? 이 같은 재료 소품을 설정했습니다.

new THREE.MeshPhongMaterial({ 
    color: 0xff0000, 
    specular: materialParams.material3d.specular, 
    shininess: materialParams.material3d.shininess, 
    transparent: true, 
    opacity: materialParams.material3d.opacity,  
    map: that.textureLoader.load(this.sourceUrl + 
    materialParams.material3d.icon), 
    side: THREE.DoubleSide, 
    blending: THREE["NormalBlending"] 

})

출처

2017-04-25 feixiangsnail

확인 [여기]이 문서를 (https://aboosbox.wordpress.com/2017/04/17/three-js-for-absolute-beginners/) 해결책 !! –

당신이 말하는 그 어두운 곳의 스크린 샷을 보여주십시오. – hidefromkgb

감사합니다. 잘못된 shotScreen을 업로드했습니다 ... 이제 시작 링크에 다시 업로드하십시오. – feixiangsnail

반투명면은 버퍼에 나타나는 순서대로 렌더링됩니다. 이것은 반투명 물질에 아티팩트 또는 "어두운 점"을 유발할 수 있습니다. 당신의 "발 뒤꿈치"의 형상이 볼록 것으로 보인다 때문에

이 만족 될 수있다 쉬운 수정은 전면 렌더링하는 것입니다 직면

mesh.material.side = THREE.FrontSide;

재료가 투명하고 구조가 더 복잡하다, 다른 솔루션을 사용해보십시오. 하나의 대체 접근법은 this answer에 설명되어 있습니다.

three.js를 당신은 가지고 있습니다 r.85

출처

2017-04-26 12:23:34 WestLangley

제발 [이 질문에] 도와 줄 수 (http://stackoverflow.com/questions/43693337/modify-three-js-pointerlock-controls-example-to-make-it-fly)? – neoDev

투명한 소재에서 어두운 부분을 제거하려면 어떻게해야합니까?

답변

관련 문제