Use Water.js
, the reflection will glitch in edge and some view anlge.
How to fix it ?
I fixed it by this:
WebGL Mirror Example Artifacts · Issue #11969 · mrdoob/three.js · GitHub
// mirrorCamera.up.set(0, 0, 1);
// mirrorCamera.up.applyMatrix4(rotationMatrix);
// mirrorCamera.up.reflect(normal);
mirrorCamera.up.set(0, 1, 0).applyMatrix4(rotationMatrix).reflect(normal);
Do you mind sharing a live example so it’s possible to debug the issue? three.js dev template - module - JSFiddle - Code Playground
Removing lines from the Water
class is not necessarily a good idea especially if you can’t explain why it helped.