2013-03-20 2 views
1

적어도 Three.js 3D 응용 프로그램에 문제가 있습니다. 적어도 아는 사람에 따라 다릅니다.ThreeJS 텍스처 문제

내 신청서는 [http://176.9.149.205/planungstool/]에 있습니다. Chrome과 Firefox의 최신 버전을 사용하고있는 일부 사용자는 질감이있는 부분을 볼 수 없습니다. 예를 들어, 그들은 3D 집의 지붕이나 정면을 보지 못합니다. 그러나 그들은 나무 나 바닥과 같은 질감이없는 것들을 보았습니다.

이상한 점은 내가 그 문제가 없으며 내가 요청한 대부분의 다른 사람들도 그것을 갖고 있지 않다는 것입니다. 다음과 같이 보이고 모양이 나와야합니다. [http://176.9.149.205/planungstool/house.jpg]

아무도 아이디어가있을 수 있습니까? 클라이언트 쪽 설정이 될 수 있습니까? 아니면 일부 액세스 제어 정책입니까?

var myTexture = new THREE.ImageUtils.loadTexture('gfx/textures/texture.jpg'); 

을 그리고 난 그냥 자신의지도 등이 질감이 램버트 소재와 메쉬를 만듭니다

나는이 같은 텍스처를로드하고 있습니다.

이 내용을 읽고이 오류의 원인을 모르는 경우 최신 버전의 Chrome이나 Firefox를 사용하면 질감이있는 부분이 표시되는지 여부를 알 수 있다면 좋을 것입니다.

+0

아무 문제없이 집을 볼 수 있습니다. Firefox 19.0.2를 사용하고 있습니다. – ragnatic

답변

0

나는 Mac에서 현재 크롬에 텍스처를 볼 수 있습니다. 캔버스 렌더러와 비슷한 문제가있었습니다 (텍스처가 보이지 않는 모든 것이 보이지 않았습니다). 필자는 ImageUtils.loadTexture를 텍스처 및 텍스처 로더로 변경하여 작동합니다.

var texture = new THREE.Texture(); 
var texLoader = new THREE.ImageLoader(); 
texLoader.addEventListener('load', function(event){ 
    texture.image = event.content; 
    texture.needsUpdate = true; 
}); 
texLoader.load('texture.png'); 

그러나 사파리의 캔버스 렌더러에는 여전히 문제가 있지만 웹 그래퍼 렌더러 만 사용하는 것처럼 보입니다. 희망이 도움이됩니다.

+0

이 샘플은 더 이상 코드베이스를 나타내지 않으며 오해의 소지가 있습니다. 삭제하거나 https://threejs.org/docs/api/loaders/ImageLoader.html을 가리 키도록 리팩터링해야합니다. (나를 위해) 검색을 시작하면 나는 당신이 당신의 예를 편집한다면 그것을 upvote 것입니다. –