在cocos2d android中添加无限视差背景

Question

我正在使用CoCos2d和Android进行开发。我想通过使用CCParallaxNode向屏幕添加一个无限滚动的背景。我能够添加背景并移动它，但是在移动完成后，屏幕变成了黑色。有人能帮帮我吗？

我的代码如下：

CCParallaxNode parallaxNode;
CCSprite spacedust1;
CCSprite spacedust2;
CCSprite planetsunrise;
CCSprite galaxy;
CCSprite spacialanomaly;
CCSprite spacialanomaly2;

parallaxNode = CCParallaxNode.node();

    spacedust1 = CCSprite.sprite("bg_front_spacedust.png");
    spacedust2 = CCSprite.sprite("bg_front_spacedust.png");
    planetsunrise = CCSprite.sprite("bg_planetsunrise.png");
    galaxy = CCSprite.sprite("bg_galaxy.png");
    spacialanomaly = CCSprite.sprite("bg_spacialanomaly.png");
    spacialanomaly2 = CCSprite.sprite("bg_spacialanomaly2.png");
    // 3) Determine relative movement speeds for space dust and background
    // CGPoint cgPoint = CGPoint.ccp(0.1, 0.1);

    CGPoint dustSpeed = CGPoint.ccp(10, 10);
    CGPoint bgSpeed = CGPoint.ccp(5, 5);
    // CGPoint bgSpeed = ccp(0.05, 0.05);

    parallaxNode.addChild(spacedust1, 0, dustSpeed.x, dustSpeed.y, 0,
            winSize.height / 2);
    parallaxNode.addChild(spacedust2, 0, dustSpeed.x, dustSpeed.y,
            spacedust1.getContentSize().width, winSize.height / 2);
    parallaxNode.addChild(galaxy, -1, bgSpeed.x, bgSpeed.y, 0, 10);
    parallaxNode.addChild(planetsunrise, -1, bgSpeed.x, bgSpeed.y, 600, 5);
    parallaxNode
            .addChild(spacialanomaly, -1, bgSpeed.x, bgSpeed.y, 900, 20);
    parallaxNode.addChild(spacialanomaly2, -1, bgSpeed.x, bgSpeed.y, 1500,
            30);
    CCIntervalAction go = CCMoveBy.action(4, CGPoint.ccp(winSize.width, 0));
    CCIntervalAction goBack = go.reverse();
    CCIntervalAction seq = CCSequence.actions(go, goBack);
    CCRepeatForever action = CCRepeatForever.action(goBack);
    parallaxNode.runAction(action);

- Rishabh Bhardwaj

---

如果你能得到答案那就好，否则你可以通过逻辑来实现：第二完成开始后第一完成开始...对我来说这个方法很有效，但我没有使用parallaxNode模式。 - Akarsh M

谢谢您的评论。我只是想知道，如果您没有使用视差节点，那么您是如何将背景移动到后面的？您是否只是在精灵上使用moveBy动作？ - Rishabh Bhardwaj

你做过这项工作吗？如果是，那么你选择了哪个流程？ - user2098588

以下是一些使用视差节点移动背景的代码行，希望对您有所帮助。 - Akarsh M

Answer 1

我看到你之前未能找到有效的答案。我将提供一段简单的代码，用于实现视差滚动背景。

将以下代码添加到游戏层的构造函数中。

background1 = CCSprite.sprite("bg2.png");
background2 = CCSprite.sprite("bg2.png");

background1.setPosition(CGPoint.ccp(winSize.width*0.5f,winSize.height*0.5f));
addChild(background1);

background2.setPosition(CGPoint.ccp(winSize.width+winSize.width*0.5f,winSize.height*0.5f));
addChild(background2);

并且有一个滚动方法，每毫秒都会被调用。在构造函数中加入这个方法。

this.schedule("scroll");

现在是滚动方法。

public void scroll(float dt) {

    CGPoint pos1 = background1.getPosition();
    CGPoint pos2 = background2.getPosition();

    pos1.x -= 5.0f;
    pos2.x -= 5.0f;

    if(pos1.x <=-(winSize.width*0.5f) )
    {
        pos1.x = pos2.x + winSize.width;
    }

    if(pos2.x <=-(winSize.width*0.5f) )
    {
        pos2.x = pos1.x + winSize.width;
    }

    background1.setPosition(pos1);
    background2.setPosition(pos2);


}

如果这个方法有效，请标记我的答案。

- Sandeep R

---

谢谢你提供的解决方案，你真的让我感到开心。再次感谢。 - Rishabh Bhardwaj

谢谢你的回答。它有效了。但是我的背景PNG图片没有变成全屏。你能提供一些建议吗？ - Taras Vovkovych

Answer 2

从类构造函数中调用此方法。我从GitHub上的示例“shotingblock-master”中发现了这个技巧...

private void endlessBackground() {
    // Create the two background sprites which will alternate
    _oddBackground = CCSprite.sprite("blue_background.png");
    _evenBackground = CCSprite.sprite("blue_background.png");
    // One starts dead centre and one starts exactly one screen height above
    oddBackground.setPosition(_winSize.width / 2, _winSize.height / 2);
    evenBackground.setPosition(_winSize.width / 2, _winSize.height
            + (_winSize.height / 2));
    // Schedule the scrolling action
    schedule("scroll");
    // Add sprites to the layer
    addChild(_oddBackground).addChild(_evenBackground);
}

public void scroll(float dt) {
    // move them 100*dt pixels down
    _oddBackground.setPosition(_oddBackground.getPosition().x,
            _oddBackground.getPosition().y - 150 * dt);
    _evenBackground.setPosition(_evenBackground.getPosition().x,
            _evenBackground.getPosition().y - 150 * dt);
    // reset position when they are off from view.
    if (_oddBackground.getPosition().y < -_winSize.height / 2) {
        _oddBackground.setPosition(_winSize.width / 2, _winSize.height / 2);
        _evenBackground.setPosition(_winSize.width / 2, _winSize.height
                + (_winSize.height / 2));
    }
}

}

在我的情况下，IT表现出色。也许它对你有所帮助。

- Akarsh M

---

谢谢你的回答。它有效，但在我的情况下，我会自己使用你的代码并告诉你。 - Rishabh Bhardwaj

你通过这个或其他方式找到了解决方案吗？ - Akarsh M

Answer 3

这是一个让它发生的技巧。您可以使用大型PNG并在其上工作或者检查coocs2d-android库中提供的示例测试代码。

CCSprite background = CCSprite.sprite("background.png");

// create a void node, a parent node
CCParallaxNode voidNode = CCParallaxNode.node();

// background image is moved at a ratio of 0.4x, 0.5y
voidNode.addChild(background, -1, 0.4f, 0.5f, 0, 0);

// write your own code for the parallax node 
CCIntervalAction goUp = CCMoveBy.action(4, CGPoint.make(0,-200));
CCIntervalAction goDown = goUp.reverse();
CCIntervalAction go = CCMoveBy.action(8, CGPoint.make(-1000, 0));
CCIntervalAction goBack = go.reverse();
CCIntervalAction seq = CCSequence.actions(goUp, go, goDown, goBack);
voidNode.runAction(CCRepeatForever.action(seq));

addChild(voidNode);

- Akarsh M

---

这只是一个简单的使用视差的方法，但你可以使用自己的点。 - Akarsh M

downVoters，请您添加评论，告诉我具体哪里有问题？ - Akarsh M

Answer 4

尝试使用这个：

CCTexture2D *texture = CCTextureCache::sharedTextureCache()->addImage("pic.png");
ccTexParams params = {GL_LINEAR, GL_LINEAR, GL_REPEAT, GL_REPEAT};
texture->setTexParameters(&params);

CCSprite *sprite = CCSprite::spriteWithTexture(texture, CCRectMake(0, 0, 90, 90));

请确保图像的高度和宽度必须是2的幂次方。

- M.Tahir Ashraf

---

感谢您的回答，很抱歉这段代码在Android上无法运行。您的第一行代码在Android中没有相同的CCTextureCache类。如果您有任何关于如何在Android上工作的想法，请帮助我解决问题。 - Rishabh Bhardwaj

什么是GL_LINEAR，GL_LINEAR，GL_REPEAT？ - Rishabh Bhardwaj

Answer 5

看起来CCRepeatForever动作只在goBack上运行，这意味着它不会反转。请尝试以下操作：

CCIntervalAction go = CCMoveBy.action(4, CGPoint.ccp(winSize.width, 0));
CCIntervalAction goBack = go.reverse();
CCIntervalAction seq = CCSequence.actions(go, goBack);
CCRepeatForever action = CCRepeatForever.action(seq); // change to seq instead of goBack
parallaxNode.runAction(action);

- Oleg Vaskevich

---

我认为你没有理解我的问题。我想要让我的背景一直向后移动。我想要重复图像的移动。使用你在答案中提供的代码，背景首先向前移动，然后向后移动，然后无限循环这个顺序。我想要像 iPhone cocos 2d 中那样的无尽视差效果。感谢你的回答。 - Rishabh Bhardwaj

Answer 6

请查看以下链接，了解关于视差垂直无限背景的详细信息： http://kalpeshsantoki.blogspot.in/2014/07/create-vertical-endless-parallax.html

    CGSize winSize = CCDirector.sharedDirector().displaySize();

    //I made graphics for screen 720*1200....so I made this dynamic scale to support multiple screens
    float sX = winSize.width / 720.0f;
    float sY = winSize.height / 1200.0f;
    background = CCVerticalParallaxNode.node(sX, sY, true);

    background.addEntity(1f, "background.png", 0);
    background.addEntity(3, "road_simple.png", winSize.width / 2);
    background.addEntity(1.7f, "road_side.png", 0);
    addChild(background);

- Kalpesh