Retina显示图像看起来模糊和模糊。 没有理由？

Question

I am a Cocos2d game developer. I am developing a game using retina display images.

I have created texture files with and without HD suffix using zwoptex.

I have added those zwoptex plist texture files in app-delegate like [[CCSpriteFrameCache sharedSpriteFrameCache] addSpriteFramesWithFile:@"Background.plist"]; I have enabled the retina display to YES [director enableRetinaDisplay:YES]; .

I have used the png files from the plist wherever i want using ccsprite *background = [CCSprite spriteWithSpriteFrameName:@"sample.png"]; .

All those png files which I have included are high resolution images with both sizes 960*640 and 480 * 320 . But in no reason the images look blurry and fuzzy when i run the game in simulator or iPhone. Anyone please help me to solve this issue …..

(The following image was posted as an example in a comment.)

Answer 1

cocos2d applies anti-aliasing to sprites by default. You need to turn that off:

[background.texture setAliasTexParameters];

hope this helps.

Answer 2

The screenshot you posted (I took the liberty of adding it to your question) shows that it was taken from the iPhone Simulator and not the iPhone (Retina) Simulator. Therefore it will not use the HD images.

With the iPhone Simulator running go to the Hardware -> Device menu and select iPhone (Retina) as the device. Then restart your app.

Note also that the iPhone Simulator will only render the game with a color depth of 16-Bit, regardless of settings in cocos2d or your Mac. The iOS Simulator renderer is limited to 16-Bit rendering for performance reasons (it only uses software rendering, no hardware acceleration). Only by looking at the game on an actual device can you make judgement calls about image quality.

To test whether the game is actually loading the HD assets or for some reason just loads the SD images, try running it without the SD images. If the game tries to load the SD images it will cause an error. If not, it is loading the HD images and the "blur issue" has a different cause. You could also log which files are loaded by adding a NSLog statement to the CCFileUtil class method fullPathFromRelativePath which performs the file name changes to load -hd images whenever possible.

You'll find that even miniscule amount of scaling or rotation applied to a sprite may have it look blurred, so check if you happen to do that. Any change in blend modes (using ccBlendFunc) could also cause blurred images. Also check that your images are fully opaque (opacity == 255).