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:
And here is the png being displayed below:
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