blender 3d에서 three.js로 export할 때 어떻게 해야 할까요?

Question

glb, gltf로 하면 불러와지긴 하는데 모델링이 전체적으로 각져 보인다거나, environment texture가 제대로 적용이 안되어 보인다거나 하거든요. 자세히 알려주실 분 있을까요?

Answer 1

안녕하세요 Blender에서 Three.js로 모델을 내보낼 때 다음의 내용을 확인해보세요

1.

모델링 최적화 

: 각져 보이는 문제는 Blender에서

Shade Smooth 

적용 및 Normals 확인.

2.

텍스처 문제 

: 텍스처는 UV 맵핑을 확인하고, WebGL에서 지원하는 포맷으로 저장.

3.

GLTF/GLB 내보내기 : 

Normals, 

Tangents,

텍스처 

포함되었는지 체크.

4.

Three.js에서 텍스처 재적용 : 

TextureLoader

로 환경 텍스처 로드.

5.

PBR 설정 : 

Blender 재질이 Three.js의 

PBR 

재질과 일치하는지 확인.

6.

조명 조정 : 

Three.js에서 적절한 조명 추가.

이렇게 하면 모델이 각지지 않고 텍스처가 제대로 적용됩니다.