Repeating background in cocos2d has black edges!

I am attempting to setup a tiled/repeating background for my iPhone app.

The code "works" in that the background is repeating like it should be but I seem to have a black border around each repetition and I dont know why, the image is exactly 200x200. Here is a screenshot of how it looks along with the code:

if ((self=[super init])) {
    CCSprite * bg = [CCSprite spriteWithFile:@"pattern11.jpg" rect:CGRectMake(0, 0, 1000, 520)];
    [bg setPosition:ccp(0, 0)];
    ccTexParams params = {GL_LINEAR,GL_LINEAR,GL_REPEAT,GL_REPEAT};
    [bg.texture setTexParameters:&params];
    [self add开发者_StackOverflowChild:bg z:0];
}

Textures should always be in power of two... like 16,32,64,128,256,512,1024.

Try resizing the image to 256x256 or 128x128.

I've also ran across this rather common problem with not being able to tile arbitrarily-sized textures in Cocos2d-iPhone, so I put together a simple TiledSprite class to tile/clip a texture or subtexture to any width/height.

Jump right to the source code here (use at will):

https://gist.github.com/Nolithius/6694990

Or have a look at a usage sample, screenshot, and commentary in this brief article:

http://www.nolithius.com/game-development/cocos2d-iphone-repeating-sprite

Best of luck!