Three.js: Примеры артефактов WebGL Mirror

Действительно.
Также смотрите эту тему: https://github.com/mrdoob/three.js/issues/11885
В конце концов, мне кажется, что Зеркало не реализовано должным образом.

Соотношение сторон основной камеры никогда не копируется на зеркальную камеру.

// "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);

Я пришлю пиар позже!

Другая проблема с зеркалом (и плоским океаном) заключается в том, что оно не работает, когда включен 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 Спасибо!