2016-12-26 4 views
0

이 경우 장면에 두 개의 구를 만듭니다. 하나는 Three.js의 SphereGeometry (왼쪽)이고, 다른 하나는 Blender의 json 모델 (오른쪽)입니다. 둘 다 동일한 재질을 사용하며 작동합니다. 다음과 같이블렌더에서 Three.js로 내 보낸 json 모델의 텍스처는 어떻게 할 수 있습니까?

var material = new THREE.MeshPhongMaterial({ 
    color: 0xffffff 
}); 

Using color white

var material = new THREE.MeshPhongMaterial({ 
    color: 0xffffff, 
    wireframe: true 
}); 

Using wireframe

나는 둘 다에 텍스처를 추가하려고합니다.

그러나 맵핑 효과는 json 모델 (오른쪽)의 표면에서 작동하지 않습니다.

var material = new THREE.MeshPhongMaterial({ 
    map: texture, 
}); 

enter image description here

는이 문제를 어떻게 해결할 수 있습니까?

Demosource code입니다.

+0

는 "UV를"에 대한 데이터를 ball.json' : [] 그래서 질감 – gaitat

+0

내가 블렌더에서 재료를 사용하지 않은 비어 있습니다. 나는 three.js의 MeshPhongMaterial을 사용했습니다. –

+0

감사합니다! 가이 따트! 나는 네가 의미하는 바를 얻었 어. 블렌더에서 UV 절차를 수행해야합니다. 그런 다음, "uvs"배열에는 완전한 uv 정보가 있습니다. 그것은 효과가있다. 고맙습니다! –

답변

1

확인 블렌더 Three.js를 수출에서의 UV 옵션 :

Three.js = :(

+0

답장을 보내 주셔서 감사합니다. 사실 저는 항상 [UV 옵션] (https://github.com/iceleaf97/QandA/blob/master/JsonMap/images/channel.png)을 확인합니다. 불운하게 그것은 작동하지 않는다 ..... –

1

나는 대답을 얻었다. 블렌더에서 UV 구를 먼저 풀어야합니다.

그냥이 비디오와 같습니다.

How To Unwrap A UV Sphere In Blender

이 단계 후, JSON 파일은 UV를 배열의 완전한 정보를 가지고 있으며, 매핑 효과는 작업을 수행합니다. `모델 /에서

enter image description here