Sliced Sprite edges Blurring

[Dmitri]

I have a Photoshop texture of a white rectangle with a one pixel colored edge. It's small, 16 x 16, but that should be enough. All of the information is there.

It is part of an Ngui atlas, and the sprite is set with a 1 pixel border all around, but the colored edges are very blurry. When I set the border to 2 pixels, the blurring is lessened, but it's still blurry.

Can I get a true 1 pixel edge that is sharp on screen?

Thanks.

[ArenMook]

Assuming the sprite is pixel-perfect and is using a sliced sprite to draw it, it should be exactly 1 pixel (provided the border is set to 1 pixel). This is true for the current version of NGUI. Free version may behave a bit differently as it's out of date.

[phenotype]

I had a similar problem. I had a two pixel border that was blurry when I set the border to 2. I think that is because the half pixel offset leaves 1/4 of the border on the stretchable part of the sprite. When I set the border to 3 the blurriness went away. So make sure you set the border on the atlas to be at least one pixel greater than the border on your image.

[Sinner]

Have the same issue with Pixel perfect positioned Sprites. Is there a possibility for the Atlas to draw an additonal colored border for each sprite that is a copy of its nighbour pixel? (this is usual for a lot of atlases i saw)

[ArenMook]

I don't understand what you're trying to do.

[Nicki]

If you want sharp edges all the time, then you should disable trlinear/bilinear filtering and use point filtering. This will look like crap with most things though.

It's the way tri/bilinear filtering works - it filters the outermost pixel with a pixel outside the actual sprite. Will it help if you can add 1 pixel border of color(color of adjacent pixel) that's outside the sprite border? I'm not sure.

[nah0y]

Also, make sure you're not compressing the atlas, but using the True Color format.