Blurred game graphics in ipad retina in cocos2d

Question

I have a cocos2d (cocos2d v1.1.0-beta2b) ipad game which has graphic files of 1024x768.

Therefore i don't enable [director enableRetinaDisplay:YES].

The game looks great on non retina ipads with very crisp graphics but looks blurred on ipad retina.

When i open the same 1024x768 images that are displayed in the game simply in the photos app, they look great on the ipad retina too.

What am i missing here? What should i do in the code to make them crisp in the cocos2d game too?

Thanks

There are many other sites like Stack Overflow... This is a graphic design question... there is a site for that here: graphicdesign.stackexchange.com — pattyd
This is actually a programming question, and may have something to do with OpenGL. +1 — s.bandara

Guykun Guykun · Accepted Answer · 2013-07-31T10:18:51

You are NOT just missing retina graphics.

What you're experiencing is the default Bilinear scaling which causes everything to look blurrier than it would on iPad 2 when testing on iPad 3.

To fix this, you want to force Nearest Neighbor as shown in http://www.cocos2d-iphone.org/forums/topic/using-nearest-neighbor-scaling-for-retina-display/

By calling

[[CCDirector sharedDirector] openGLView].layer.magnificationFilter = kCAFilterNearest;
[[CCDirector sharedDirector] openGLView].layer.contentsRect = CGRectMake(0.0001, 0.0001, 1, 1);

in your AppDelegate

(As stated, only run this on iPhone 4 or iPod touch 4G and above: iOS5+)

You'll then be able to enjoy crisp non-retina graphics on iPad3

Blurred game graphics in ipad retina in cocos2d

2 Answers