Render quality terrible compared to the online glTF viewer

Hi,
I am trying to replicate the renderer settings from the online glTF viewer online with the ones Im using for THREE.WebGLRenderer but Im getting terrible results. Notice the poor quality of the texture on the sign compared with the same model on the right. Theres is also bad moiree effect happening on the dude as well as the concrete on the left that isnt there on the image on the right. Ive included the renderer settings to assist. I dont really understand where the problem is coming from.

From the screenshots, that mostly looks like “shadow acne” from your light.

Try setting:
light.shadow.bias = -.001
or
light.shadow.bias = .001

1 Like

Thanks mate. I used -0.0001 and it works like a charm.

1 Like