'Three.js (angular) when Reflector (mirror) is rendering all MeshPhysicalMaterial (glass) they also become mirrors

Varsion: 0.138.3

Glass Material:

new THREE.MeshPhysicalMaterial({
  color: 0xe3e3e3,
  transmission: 0,
  opacity: 1,
  metalness: 0.82,
  roughness: 0.16,
  ior: 1.77,
});

Reflector:

const mirror = new Reflector(mesh.geometry, {
  textureWidth: this.canvas.clientWidth * window.devicePixelRatio,
  textureHeight: this.canvas.clientHeight * window.devicePixelRatio,
  color: 0x777777,
});

When the mirror is not visible, glass is ok: enter image description here

When the mirror is visible, glass it is also a mirror: enter image description here

I do not know what could be the reason, I have already checked everything, but I have not found any explanation. I am asking for any tips or other solution for such a realistic mirror.

three.jsmirrorreflector


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions