在cocos2d中添加無盡的視差背景android

Question

我正在與android.co一起使用CoCos2d，我想通過使用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); 

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); 


} 

標記我的答案，如果它的工作。

Answer 2

試試這個：

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

Answer 3

功率它看起來像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); 

Answer 4

從類Constructor中調用此方法。我發現從實例這一招： 「shotingblock主」 在github上可用...

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優秀的作品在我的情況。可能會對你有幫助。

Answer 5

這是使它發生的訣竅。您可以使用大型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); 

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);