Strange halo effect around my sprite image verses the original png

Hello Team,

I have created a sprite from a png image of bunch of cells to display in my threejs scene. The problem is the sprite image has a strong halo effect around the group of cells. But if I open the original image in the browser it does not have the same halo effect and looks much cleaner. Any one knows why that is and how i can make my sprite image look the same as the original png image? Here is the sprite image screen shot with lots of halo around the cells:

Screenshot 2024-08-09 143710

And here is the png being displayed below:

Screenshot 2024-08-09 143727

You can clearly see that between each cell there is hardly any halos. Where as the sprite above it has a lot of halos between the cells. It just seems like there is a lot more noise in the sprite than the original image. I appreciate any insights as to how to make the sprite look identical to the image it is loading from.

Regards
Siamak

texture.colorSpace=‘srgb’

2 Likes

Many thanks @manthrax. This did the trick. Again much appreciate it. You saved me from a big headache here :slight_smile:

1 Like

Thank you for writing such a clear and complete question. :smiley:

Thanks again @manthrax.

1 Like