Question

I am trying to create a background to flow with the game. However the image isn’t Continuous. There is a space between each of the image loads. I want the image to continue to loop.

Here is the method to create the sprite

CCSprite *sprite = [CCSprite spriteWithFile:@"Image.png" rect:CGRectMake(0, 0, 960, 640)];

ccTexParams tp = {GL_NEAREST, GL_NEAREST, GL_REPEAT, GL_REPEAT};

[sprite.texture setTexParameters:&tp];
sprite.anchorPoint = ccp(1.0f/8.0f, 0);
sprite.position = ccp(screenW/8, 0);

Method to update the position of the sprite.

- (void) setOffsetX:(float)offsetX {
if (_offsetX != offsetX) {
_offsetX = offsetX;
CGSize size = _sprite.textureRect.size;
_sprite.textureRect = CGRectMake(_offsetX, 0, size.width, size.height);
}
}

Any help please

Answer 1

Your image width needs to be a power of two. i.e. the width has to be 64, 128, 256, 512, etc if you want it to repeat

The gap you are seeing is where OpenGL has padded empty space to your texture to make it power of two.