내 보낸 블렌더 오브젝트 누락 페이스 THREE.JS

Question

블렌더로 가져온 .STL 파일이 있습니다. 그런 다음이를 .json으로 내 보내어 THREE.JS에로드하십시오.

다음은 Blender에서 모델의 모양을 보여줍니다.

그리고 여기 모델이 three.js를 통해로드 한 후 내 웹 응용 프로그램 내부의 모습입니다. 여기

그리고

보낸 .JSON를로드하는 코드입니다.

var loader = new THREE.JSONLoader(); 
    loader.load('model/floor.json', function(geometry, materials) { 
    var materialsArr = materials; 
    scope.mesh = new THREE.Mesh(geometry, materialsArr); 
    console.log(scope.mesh.material); 
    scope.mesh.material.color.setHex(0x8a8d8f); 
    scope.mesh.translation = geometry.center(); 
    scope.mesh.castShadow = true; 
    scope.mesh.receiveShadow = true; 
    scene.add(scope.mesh); 
    } 

바닥이 사라지고 줄이 있음을 알 수 있습니다. 나는 내보내기 전에 블렌더에서 모델을 삼각 측량하려고했지만 아무 것도 고치지 않았다.

설정하지 않은 설정이나 수정 자도 있습니까?

Answer 1

당신의 법선은 엉망입니다. 블렌더의 편집 모드에서 Ctrl + N을 눌러 내보내기 전에 법선을 다시 계산하십시오.