See-through glass is pixelated

Questions
1

I’m stuck on a particular part of a configurator for a client. The bottle is a glb file, and I’m modifying the materials inside three.js. It has a environment cubemap. The problem is the see-through part of the bottle which is really pixelated and really obvious. Have tried tweaking the values of the materials but still no solution.

Screenshot 2022-01-28 at 17.23.22
Screenshot 2022-01-28 at 17.23.221046×590 163 KB 

eightBottle.material.transmission = 4;
eightBottle.material.roughness = 0.1;
eightBottle.material.castShadow = true;
eightBottle.material.receiveShadow = false;
eightBottle.material.metalness = 0.5;
eightBottle.material.ior = 1;
eightBottle.material.thickness = 0.01;
eightBottle.material.envMap = textureCube;
eightBottle.material.envMapIntensity = 0.5;
eightBottle.material.needsUpdate = true;
2

Did you discover a solution to this?

3

transmission should be a value between 0 and 1, representing the fraction of light passing through. I’m not sure what a larger value like this will do.

Usually values closer to 0 or closer to 1, as opposed to somewhere in the middle, will make the limited resolution of the transmission render target less obvious. There is no other workaround for the moment, see Is there a way to set roughness transmission mipmap resolution? - #3 by donmccurdy.