Threejs - 가져 오기 collada 모델이 Chrome Android에서 재미있어 보입니다. 질감이 제대로로드되지 않았습니다.

Question

제공된 ColladaLoader을 사용하여 .dae 모델을 가져 오려고했으나 데스크톱에서 잘 작동했지만 Android의 Chrome에서는 문제가 발생했습니다. 기하학이로드되었지만 텍스처가 제대로로드되지 않았습니다. 텍스처가 오브젝트에 적용되었지만 적절한 색상으로 렌더링되지 않은 것 같습니다. 밝은 파란색으로 보입니다. 누구나 내가 뭘 잘못하고 있는지 알 수 있습니까? 이방성 필터링과 관련이 있습니까? (크롬 모바일에서 지원되지 않는 것으로 나타 났으므로)

Answer 1

3js.org 사이트의 작동 및 비 작동 예제를 비교하면 청색 텍스처의 원인을 발견했습니다. 그것은 방향성 빛의 그림자 맵핑입니다. 어떻게 든이 아래의 코드는 안드로이드 장치에 문제를 일으키는 것입니다.

  light.castShadow = true; 
      light.shadowMapWidth = 2048; 
      light.shadowMapHeight = 2048; 

      var d = 390; 

      light.shadowCameraLeft = -d * 2; 
      light.shadowCameraRight = d * 2; 
      light.shadowCameraTop = d * 1.5; 
      light.shadowCameraBottom = -d; 

      light.shadowCameraFar = 3500; 

Answer 2

three.js 작성자 자신의 대답은 안개 glsl 코드와 관련된 Qualcomm GPU 드라이버의 버그입니다. 이 버그를 피하려면 모든 phong mateirals의 fog 속성을 해제하십시오.

phongMaterial.fog = false; 

이 버그가 해결 될 때까지 안개가 발생하지 않습니다.