My model have weird jaggered edges while on display

Questions
1

My models when viewed in three js scene happen to have weird jaggered edges/artifacts in its borders even though its smooth while I exported it from blender in gltf format.

mouse
mouse746×756 57.4 KB

sofa
sofa1560×672 72.3 KB

i shall put some screenshots of my hdri and renderer for reference

image
image895×646 62.4 KB

2

Do you mind sharing a live example that demonstrates the issue?

What you can try is to turn on anti-aliasing like so:

const renderer = new THREE.WebGLRenderer( { antialias: true } );

Also do this to render at the highest possible resolution:

renderer.setPixelRatio( window.devicePixelRatio );

BTW: Never share screenshots of code. This is a no go. Always copy/paste the code snippet in your post and style it with the respective formatting editor tools.

Apart from that, WebGLRenderer.gammaOutput does not exist anymore with latest three.js versions. There is also no exposure property for environment maps.

3

renderer.setPixelRatio( window.devicePixelRatio ); actually solved my issue thanks!.
regarding screenshot of code i will keep that in mind