ios - 滚动背景图像切成两半 - cocos2d

Question

我正在制作一款游戏，其背景图像对于 iphone 而言太大而无法呈现。所以我不得不把它切成两半。由于我的背景是水平滚动的(如 JetPack Joyride )，我想让它的两半组合在一起，使其看起来像一张图像。所以我尝试做的是将图像的前半部分放置在屏幕的最左侧，然后尝试将第二个图像放置在第一个图像的边缘。这是我到目前为止所尝试过的。

在init中:

        numStripes = 1;

        for (NSUInteger i = 0; i < numStripes; i++)
        {
        CCSprite *sprite = [CCSprite spriteWithFile:@"bg0.png"];
        CCSprite *sprite2 = [CCSprite spriteWithFile:@"bg1.png"];

        sprite.anchorPoint = CGPointMake(0, 0.5f);
        sprite.position = CGPointMake(0, screenSize.height / 2);

        sprite2.anchorPoint = CGPointMake(0, 0.5f);
        sprite2.position = CGPointMake(sprite.position.x + sprite.contentSize.width, screenSize.height / 2);

        [backgroundNode addChild:sprite z:i tag:i];
        [backgroundNode addChild:sprite2 z:i tag:i];
        }

        // endless scrolling
        for (NSUInteger i = 0; i < numStripes; i++)
        {
        CCSprite *sprite = [CCSprite spriteWithFile:@"bg0.png"];
        CCSprite *sprite2 = [CCSprite spriteWithFile:@"bg1.png"];
        sprite.anchorPoint = CGPointMake(0, 0.5f);
        sprite2.anchorPoint = CGPointMake(0, 0.5f);
        sprite.position = CGPointMake(sprite.contentSize.width + sprite2.contentSize.width - 1, screenSize.height / 2);
        sprite2.position = CGPointMake(sprite.contentSize.width * 2.0f + sprite2.contentSize.width - 1.0f, screenSize.height / 2);

        [backgroundNode addChild:sprite z:i tag:i + 2];
        [backgroundNode addChild:sprite2 z:i tag:i + 2];
        }

        speedFactors = [[CCArray alloc] initWithCapacity:numStripes];
        [speedFactors addObject:[NSNumber numberWithFloat:1.0f]];
        NSAssert([speedFactors count] == numStripes, @"speedFactors count does not match numStripes!");

这可能是问题所在:

-(void) dealloc
{
#ifndef KK_ARC_ENABLED
    [speedFactors release];
    [super dealloc];
#endif // KK_ARC_ENABLED
}

-(void) update:(ccTime)delta
{
    if (([[GameMechanics sharedGameMechanics] gameState] == GameStateRunning) || [[GameMechanics sharedGameMechanics] gameState] == GameStateMenu)
    {
        [self updateRunning:delta];
    }
}

- (void) updateRunning:(ccTime)delta
{
    // read current scroll Speed
    scrollSpeed = [[GameMechanics sharedGameMechanics] backGroundScrollSpeedX];

    CCSprite* sprite;
    // we use a c-array since it is faster on iteration
    CCARRAY_FOREACH([backgroundNode children], sprite)
    {
        // retrieve the scrollspeed factor for the current sprite
        NSNumber* factor = [speedFactors objectAtIndex:sprite.zOrder];

        // move the background layer
        CGPoint pos = sprite.position;
        pos.x -= scrollSpeed * [factor floatValue] * delta;

        // when a layer is off screen on the left side, move it to the right end of the screen
        if (pos.x < -sprite.contentSize.width)
        {
            pos.x += (sprite.contentSize.width * 4) - 1;
        }

        sprite.position = pos;
    }
}

这似乎不起作用，我得到了奇怪的结果...任何帮助都是值得赞赏的。谢谢!

Answer 1

会不会是这样:

sprite.position = CGPointMake(0, screenSize.height / 2);
sprite2.position = CGPointMake(sprite.position.x*1.5, screenSize.height / 2);

sprite2 的初始 x 值设置为 0。您可能想要的是:

sprite2.position = CGPointMake(sprite.position.x + sprite.contentSize.width, screenSize.height / 2);

这里还有一个问题:

sprite.position = CGPointMake(sprite.contentSize.width - 1)*2, screenSize.height / 2);
                sprite2.anchorPoint = CGPointMake(0, 0.5f);
sprite2.position = CGPointMake((sprite2.contentSize.width - 1)*2, screenSize.height / 2);

大概应该是:

sprite.position = CGPointMake(sprite.contentSize.width + sprite2.contentSize.width - 1, screenSize.height / 2);
sprite2.position = CGPointMake(sprite.contentSize.width * 2.0f + sprite2.contentSize.width - 1.0f, screenSize.height / 2);

您可能还遇到了为两个不同的 Sprite 设置相同标签的问题。您正在为 sprite 及其副本设置标签为 0，为 sprite2 及其副本设置标签为 1。您应该为 sprite< 设置标签 为 0，sprite2 为 1，sprite(复制)为 2，sprite2(复制)为 3。

在第二个for循环中:

[backgroundNode addChild:sprite z:i tag:i + 2];
[backgroundNode addChild:sprite2 z:i tag:i + 2];

更新:

在你的 -updateRunning: 方法中改变这个:

pos.x += (sprite.contentSize.width * 2) - 2;

为此:

pos.x += (sprite.contentSize.width * 4) - 1;

因为你有四个像这样的 Sprite :

[1][2][3][4]

当 [1] 移出屏幕时，你需要将 [1] 一直移动到 [4] 后面，这样他们就变成这样了

[2][3][4][1]

这就是为什么您需要 [1] 向右移动四个长度而不是向右移动两个长度的原因。

更新:

您的 speedFactors 似乎不够。看起来您正在向 speedFactors 数组添加一个值，但后来又试图获得其中的两个值。在添加视差滚动之前，您不需要不同的速度因子，因此现在更改:

NSNumber* factor = [speedFactors objectAtIndex:sprite.zOrder];

到

NSNumber* factor = [NSNumber numberWithFloat:1.0f];