A way to solve angular shadow acne?

In the following pen, you can see that there is shadow acne when the light angle is steeper, hence the circular shape of the acne on point of the yellow square that are further from the light:


I think Three.js only has a single bias value, but we also need an angular bias value that adjusts bias based on the angle of light from the surface.

I don’t think Three.js has this yet right?

Both PlayCanvas and Babylon have a “normal bias”.

Surprised I don’t see this yet. Time for a PR? :thinking:

Please do! I don’t think anyone has worked on the shadow implementation for a while - if you want to have a go at adding this it would be great :slightly_smiling_face:

1 Like