2013-10-25 3 views
3

Open/WebGL을 처음 사용하고 다운로드 한 블렌더 모델의 텍스처/스킨을 three.js에 표시하는 데 문제가 있습니다. Chrome의 네트워크 탭에서 모든 텍스처 파일을 다운로드하고 있음을 확인할 수는 있지만 어떤 이유로 렌더링되지 않습니다.Blender에서 모델 및 관련 텍스처를 three.js로 가져 오는 방법은 무엇입니까?

샘플링 3D 모델을 블렌더에서 three.js로 가져 오기 위해 webgl_loader_collada.html 예제를 사용하고 있습니다.

입력 할 때 the MESSENGER model available from the NASA website을 사용하고 있습니다. 참고로 NASA 3D 모델의 전체 갤러리는 here입니다.

나의 현재 단계 :

  • 다운로드 및 블렌더에서 모델을 열
  • 파일 -> 내보내기 -> 콜라다

볼 (.dae 만) :

  • threejs/examples/webgl_loader_collada.html의 복사본을 내 보낸 .dae 파일을 가리 키도록 수정하십시오.
  • 라인 59의 스케일을 제거하십시오.

블렌더 내보내기의 기본 옵션을 사용하면 결과 렌더링에 모든 텍스처가 없습니다. "재질 텍스처 포함"을 활성화하면 모델의 주요 부분에 금색으로 표시되지만 다른 텍스처는 매핑되지 않고 태양 전지 패널은 완전히 검은 색이됩니다. 또는 "Include UV Texture"를 선택하면 텍스처가없는 모든 회색 렌더링이 나타납니다.

블렌더 용 three.js JS 수출 업체 플러그인을 사용해 보았습니다. 그러나이 경우 (적절한 데모 템플릿을 사용하여) JS 예외 "정의되지 않은"불투명도 속성을 읽을 수 없습니다.

번역 프로세스에 문제가 있습니까? 아니면 원본 모델에 문제가 있습니까? 후자의 경우 원래 모델 또는 내 보낸 양식을 수정하는 방법은 무엇입니까?

감사, - 데이비드

답변

4

아주 좋은 프로젝트, 링크에 대한 감사합니다. COLLADA 수출이

  • UV 텍스처가 포함되어 있지 않습니다
  • 복사하지 않습니다 가에서
  • 퍼펙트 텍스처 경로를 (당신이 제공 한 텍스처 이미지를 사용할 수 있습니다)
  • 소재 질감을 포함 .dae 파일은 <library_images> 태그에서 상대적인 것을 사용합니다.

나는 당신이 개미 https://github.com/vincent/three.js-nasa, 그러나 완벽하지는 않습니다. 예를 들어 노멀 맵을 사용한 호일 효과는 사용되지 않습니다.

+0

빠른 응답을 보내 주셔서 감사합니다. copy 옵션은 유용한 경로를 만듭니다. 즉 경로를 지정하지 않고 전체 시스템 경로를 사용하고 수동으로 편집해야합니다. 더 많은 실험을 통해, 호일 효과의 문제는 일부 종류의 레이어 문제 일 것 같습니다. 다양한 내보내기 옵션의 결과를 병합합니다. 금색 또는 파란색 호일 텍스처 중 하나를 얻을 수 있지만 그렇지 않습니다. 적절하게 합쳐진 조합과 나는 아직 왜 그 이유를 알지 못합니다. – Digicrat

관련 문제