[SOLVED] Strange grey line when scaling

[Descartes]

Hi

I draw an image ontop of another image and everything is fine until I scale it down.
When I scale it down, there seems to be a strange grey line around the top image.

I'm attaching two images here, one is scaled and one not scaled.

As you can see, both images should have the same color and should combine with each other.
However when I scale down the window (even just a little bit), they do not combine because that grey line appear.

I though it might have something to do with the TextureFilter, so I changed it from Linear to everything else, but it did not change anything.

Any idea ?

[Descartes]

BTW, I refer to the grey line at the top of the arrow, not on the sides (the sides is due to opacity in the image itself, while at the top there is no opacity or empty pixels at all).

Thanks.

[tuonos]

are you using a TextureAtlas?
if so, pack images adding these settings:

settings.paddingX = 2;
settings.paddingY = 2;
settings.duplicatePadding = true;

[Descartes]

Hi

Yes I use TextureAtlas but I create the atlas using a software called TexturePacker.
Are you familiar with it ?

Could you explain what the issue might be so I can try fixing it from the TexturePacker or in some other way ?

[Descartes]

I suspect that the problem is related to the scaling iteself, of the arrow image.

If I move the arrow to another location and scale down, that darker line also appear at the top.

[andreas.loew]

I assume that when talking about TexturePacker you mean www.codeandweb.com/texturepacker

You should be able to solve this issue by setting Extrude to 1.

[Descartes]

Solved !

Could you please provide a short explanation ?

[andreas.loew]

Sometimes OpenGL blends in neighbor pixels when painting a texture.

Extrude surrounds your sprites with pixels of the same color. So instead of getting a tint from a neighbor sprite or transparency it gets the same color.