블렌더 - Three.js - 내보내기/가져 오기 메쉬가 이상하게 보입니다.

Question

Blender에서 3D 객체를 가져 와서 Three.js로 올바르게 렌더링하는 데 문제가 있습니다. 이 (나는 개체가 꽤 좋아 보인다 생각) 여기

는 (() THREE.SceneLoader를 사용하여로드) Three.js를있는 객체입니다 :

다음

블렌더에서 개체입니다

(이상한 표면에 구멍이 있음을 확인하십시오).

확대 할 때 카메라 뒤쪽의 오브젝트 부분을 볼 수 있습니다.

누군가 Three.js에서 올바르게 렌더링 된 블렌더의 물건을 얻을 수있는 좋은 워크 플로우를 알려주십시오.

쉐이더 때문에 또는 메쉬 가져 오기/내보내기 문제입니까?

샘플 (땅, 하늘, 그림자)의 장면을 사용하고 블렌더에서 내 보낸 JSON 파일의 sceneLoader로 내 메쉬를로드하고 있습니다.

OBJLoader를 사용하여 .obj와 같은 객체를 내보내고 Three.js에서로드하는 것이 좋습니다.

문제는 좀 더 복잡한 장면을 만들어야하고 대화 형/클릭 가능한 개체가 필요하다는 것입니다. 장면을 .OBJ로 저장하면 가능합니까?

Answer 1

플랫 쉐이딩을 사용하십시오 (예 : material.shading = THREE.FlatShading; amterial 속성에 대해서는이 예제를 참조하십시오. http://mrdoob.github.io/three.js/examples/webgl_materials.html 면 처리 된 영역을 찾고 있습니다. 꼭지점 /면 법선을 매끄럽게하기 때문에 3 개의 점에서보기 흉합니다.

두 번째 사항에 관하여. 가져온 개체의 크기와 장면 크기를 확인하십시오. 줌 인 할 때 물체가 "자르면"비행기 근처의 카메라를 더 작은 값으로 변경해야합니다. 줌 아웃 할 때 물체가 사라지는 것과 마찬가지로 멀리 떨어진 곳으로 카메라를 멀리 옮겨야합니다 (값을 높이십시오). 희망, 도움이 됨, 행운 :