Three.js: WebGL 미러 예제 아티팩트

과연.
이 주제도 참조하십시오 : https://github.com/mrdoob/three.js/issues/11885
결국 나는 Mirror가 제대로 구현되지 않은 느낌을받습니다.

메인 카메라의 화면 비율은 미러 카메라에 복사되지 않습니다.

// "examples/Mirror.js" (lines 142-146)
mirrorCamera.near = camera.near;
mirrorCamera.far = camera.far;
mirrorCamera.updateMatrixWorld();
mirrorCamera.updateProjectionMatrix();

다음으로 변경해야합니다.

mirrorCamera.updateMatrixWorld();
mirrorCamera.projectionMatrix.copy(camera.projectionMatrix);

나중에 PR을 보내겠습니다!

거울 (및 평면 바다)의 또 다른 문제는 logarithmicDepthBuffer 가 활성화되었을 때 작동하지 않는 것 같습니다. 평면 클리핑은 깊이가 엉망이되고 이에 대한 해결책을 찾지 못했습니다. WebGL에 glClipPlane 있었으면 좋겠습니다 😞

@vanruesc 코드를 엉망으로

@mrdoob 여전히 엉망이 된 경우 단순화 할 여지가 있다고 생각합니다 ...

//mirrorCamera.up.set( 0, - 1, 0 );
//mirrorCamera.up.applyMatrix4( rotationMatrix );
//mirrorCamera.up.reflect( normal ).negate();

mirrorCamera.up.set( 0, 1, 0 ).applyMatrix4( rotationMatrix ).reflect( normal );

@WestLangley 감사합니다!