Hello there!
I noticed a material/shader artifact that occurs when using an orthographic camera with ThreeJS. When the objects are big and the position is far from the center of the screen/camera the shading gets some distortion that looks wrong.
This is happening with the Physical material, not sure if it happens in other materials too.
Here is a codepen that displays the artifact (a simple sphere with physical material, positioned far from the center).
https://codepen.io/avenadulce/pen/gOYmNRV/
Also, some screenshots:
-
The sphere, using perspective camera.
-
Same sphere, using orthographic camera.
-
Close up of the artifact in orthographic camera:
I looked at the material code but couldn’t find what is the origin of the problem.
Also, the issue not only happens with the built-in materials of threejs; it also happen with custom shaders (got the same artifact when working with a custom fresnel material). No idea why.
UPDATE: The issue occurs on Physical material because that material inherits the properties of the standard material. I still need to figure out why my custom shader had a similar issue, but can’t say they are related, maybe it was a coincidence.