Three.js: Artefak Contoh Cermin WebGL

Memang.
Lihat juga topik ini: https://github.com/mrdoob/three.js/issues/11885
Pada akhirnya saya merasa Mirror tidak diterapkan dengan benar.

Rasio aspek kamera utama tidak pernah disalin ke kamera cermin.

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

Harus diubah menjadi:

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

Saya akan mengirim PR untuk ini nanti!

Masalah lain dengan cermin (dan lautan planar) adalah bahwa itu tampaknya tidak berfungsi ketika logarithmicDepthBuffer diaktifkan. Guntingan miring dekat bidang mengacaukan kedalaman dan saya tidak pernah menemukan solusi untuk ini. Saya berharap WebGL memiliki glClipPlane 😞

@vanruesc Saya mengotak-atik kode jadi saya menerapkannya secara langsung. Terimakasih banyak!

@mrdoob Jika Anda masih main-main, saya pikir masih ada ruang untuk penyederhanaan ...

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

@WestLang Terima kasih!