I’m currently using the superb Flow Cover by William Woody for a prototype I’m working on for a client, but it’s a little out of date now (he’s a super busy guy). After a little bit of study (I’m not an openGLES guy!) I discovered a really easy fix.

All you need to do is detect the retina display, then set the contentScaleFactor for the FlowCoverView to 2. Simply edit the internalInit method to look like this:

- (id)internalInit
{
	//
	// FIX FOR RETINA DISPLAY
	//
	if ([[UIScreen mainScreen] respondsToSelector:@selector(scale)] && [[UIScreen mainScreen] scale] == 2){
		self.contentScaleFactor = 2;
	}
	// END FIX FOR RETINA DISPLAY

	CAEAGLLayer *eaglLayer;

	eaglLayer = (CAEAGLLayer *)self.layer;
	eaglLayer.opaque = YES;

	context = [[EAGLContext alloc] initWithAPI:kEAGLRenderingAPIOpenGLES1];
	if (!context || ![EAGLContext setCurrentContext:context] || ![self createFrameBuffer]) {
		[self release];
		return nil;
	}
	self.backgroundColor = [UIColor colorWithWhite:0 alpha:0];

	cache = [[DataCache alloc] initWithCapacity:MAXTILES];
	offset = 0;

	return self;
}

I hope this is useful to someone, as I couldn’t find anything on Google about this yet.

This post is tagged flow cover, retina display