How to avoid blurred images?

Solar2D Advanced Graphics
1

I need some 100% identical images in my app compared to the photoshop original file. Somehow the images get blurred a little bit which makes a huge difference with detailed images like you can see in the example above. I need the images to look 100% like the left one, but instead the right one is the best I got so far with turning off anti-aliasing and png optimization.

Any idea on how graphics 2.0 can show pixel sharp 100% identical images?

Thank you!

Daniela

2

Hi Daniela,

Do you desire “pixelated” images? You might want to explore the texture filter keys as shown here:

http://docs.coronalabs.com/api/library/display/setDefault.html

Look under the “Texture Keys” sub-section in specific.

Hope this helps,

Brent

3

That’s very helpful! Thx Brent.

4

Make your images power of 2 so if you have 481x201 make it 482x202 maybe?

5

Thx Christopher. I already have tried this and it didn’t bring the perfect result.

But I fixed the issue by using the link Brent posted above. I load static images with option “nearest” and when they are created I switch back to “linear”. The static images are identical to the photoshop version then. This is not working with animated, rotating etc. images btw.

Best,

Daniela

6

Hi Daniela,

Do you desire “pixelated” images? You might want to explore the texture filter keys as shown here:

http://docs.coronalabs.com/api/library/display/setDefault.html

Look under the “Texture Keys” sub-section in specific.

Hope this helps,

Brent

7

That’s very helpful! Thx Brent.

8

Make your images power of 2 so if you have 481x201 make it 482x202 maybe?

9

Thx Christopher. I already have tried this and it didn’t bring the perfect result.

But I fixed the issue by using the link Brent posted above. I load static images with option “nearest” and when they are created I switch back to “linear”. The static images are identical to the photoshop version then. This is not working with animated, rotating etc. images btw.

Best,

Daniela