Skip to content

Physical and Standard Material shading problem with orthographic camera #17379

@alelepd

Description

@alelepd
Description of the problem

Hello there. I noticed that both MeshPhysicalMaterial and MeshStandardMaterial had a bug related to the shading when using an orthographic camera.

I made a post in the forum looking for help: https://discourse.threejs.org/t/physical-material-artifact-when-using-orthographic-camera/9243?u=avena

Here is a codepen

And some screenshots of the issue (notice the hard edge at the left side of the spheres):
image
image

The problem occurs or become noticeable when you have big objects (like a sphere with a radius of 64 units) and move the object away from the center of the screen when using an orthographic camera.

Everything looks fine in perspective camera. Tested in r107 and r108. The issue doesn't happen in Phong or Lambert materials.

Three.js version
  • Dev
  • r108
  • ...
Browser
  • All of them
  • Chrome
  • Firefox
  • Internet Explorer
OS
  • All of them
  • Windows
  • macOS
  • Linux
  • Android
  • iOS

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions