2013-06-26 3 views
0

나는 자료를 브라우저에 표시하기 위해 작업 중입니다. 하나 이상의 (또는 여러 개의) 기하학이 있으며 일부 경로를 선택하고 내 디스크의 폴더에서 3 개의 텍스처를 기하로로드하려고합니다.three.js로 재질 미리보기

그래서 모든 폴더에는 하나의 색상 맵, 하나의 반사지도 및 하나의 법선 맵이 있습니다.

내 브라우저의 왼쪽에서 기하학이있는 WebGL 장면이어야합니다. 그리고 오른쪽에는 경로를 선택하고 텍스처 폴더를로드 할 수있는 필드가 있어야합니다.

내가 three.js에 새로운 오전 내 질문은 :

three.js를 사용하여이 가능합니까? 브라우저에서 텍스처를로드 할 수 있습니까? 내 기하학에 하나의 반사, 하나의 일반 및 하나의 색상 맵을 넣을 수 있습니까?

답변

0

예. http://threejs.org/의 예제 또는 다운로드의 examples 폴더에있는 예제를 참조하십시오. 대부분 텍스처, 노멀 맵 및 스펙 큐러 맵이 있습니다.

소재 미리보기는 다른 종류의 "일반 장면"처럼 자체 장면 일 수 있습니다.

+0

안녕하세요, 귀하의 빠른 회신에 감사드립니다. 블렌더 내보내기로 예제를 다운로드하고 기존의 형상을 내가 블렌더에서 내 보낸 것으로 바 꾸었습니다. 이것은 잘 작동합니다. 하지만 spec, color, normal map으로 다른 예제의 텍스처 부분을 복사하여 파일에 삽입하려고하면 작동하지 않습니다. 블렌더 내보내기를 three.js에서 처리 할 때 특별히 고려해야 할 사항이 있습니까? – user2524500

+0

@ user2524500 아마도 다른 질문의 대상입니까? 정확히 무엇을 시도 했는가, 어떻게 작동하지 않는가? 오류가 발생합니까? 브라우저가 정확한 경로를 얻고 실제로 파일을 다운로드하고 있습니까? 블렌더 수출과 다른 구조에 특별한 것이 있으면 안됩니다. 아마도 UV 좌표와 관련된 문제를 제외하고 말입니다. 어쨌든 3에서 만든 간단한 지오메트리로 먼저 시도해 볼 수 있습니다. 색상 및 사양을 먼저 설정 한 다음 정상적으로 작동하도록 노력하십시오 (그렇지 않으면 벙어리 맵을 대신 사용하십시오). Two-Dimension 차원의 텍스처 만 사용하십시오. – yaku

+0

@ user2524500 또한 여러분의 유스 케이스에서는'scene.overrideMaterial = mypreviewmaterial; '을 사용하여 모든 지오메트리가 미리보기 자료를 사용하도록하는 것이 더 쉬울 수도 있습니다. – yaku