Three.js - 그림자가있는 버그

three.js로 몇 가지 테스트를하고 있지만 그림자에 문제가 있습니다. 두 가지 빨간색과 파란색 https://www.dropbox.com/s/jv91w9fkhfnhzkv/bug%20shadow%20fleche.jpg Three.js - 그림자가있는 버그

더 정확하게는, CubeGeometry하고, 땅이 PlaneGeometry입니다 : 현재 버그의 스크린 샷을 볼 수 있습니다. CubeGeometry의 중간 높이에 근거를 두려고했지만 문제가 해결되지 않습니다.

많은 설정을 시도했지만 버그가 남아 있습니다. 현재 내 렌더링 설정은 다음과 같습니다.

directionalLight.shadowMapWidth = 1024; 
directionalLight.shadowMapHeight = 1024; 

renderer = new THREE.WebGLRenderer({ antialias: true } ); 
renderer.shadowMapEnabled = true; 
renderer.shadowMapSoft = true; 
renderer.shadowMapType = THREE.PCFSoftShadowMap;

출처

2013-06-14 juzamn

관련 질문을 참조 : http://stackoverflow.com/questions/12912126/shadow-map-appearing-on-wrong-place – WestLangley

그것은 정확히 같은 문제가되지 않습니다. 나는 다른 것들을 시도했지만 버그는 남아있다 : ( – juzamn

shadowBias 속성을 설정하여 문제를 해결했습니다.

directionalLight.shadowBias = 0.0015;

출처

2013-07-17 15:42:42 juzamn

Three.js - 그림자가있는 버그

답변

관련 문제