Question

I am using cocos2d on my app. I am doing a transition to another scene using

[[CCDirector sharedDirector] replaceScene: 
 [CCTransitionFadeDown transitionWithDuration:0.5f scene:otherScene]];

On the init part of this other scene, a menu is being built, using CCMenu. This is a full screen menu.

My problem is this: the transition happens to a black screen and then the menu appears. In other words, the transition is being done before the menu is rendered, so, I see an ugly black screen for 0.5 seconds and then, after the transition is done, I see the menu.

To make things clear imagine the first scene has a picture of a boat and the second scene a picture of a car. What I have now is the boat transitioning to black and then the car pops. I need the boat transition to the car.

how do I do that? thanks.

NOTE: I have found this guy with the same problem, but I have tried that solution without success.

Answer 1

I have implemented a transition in my menu (same problem), call it ‘fadeInView’ by adding a black layer on top of everything in the init, with an opacity of 255, and in onEnter I run an action to fade the opacity to 0. as follows:

-(id) init {
    self=[super init];
    if(self){
        // do your stuff
        blackShroudLayer_=[CCLayerColor layerWithColor:ccc4(0, 0, 0, 255) width:K_SCREEN_WIDTH height:K_SCREEN_HEIGHT];
        [self addChild:blackShroudLayer_ z:500];
    }  
    return self;
}

-(void) onEnter{

    // need to [super onEnter] first to that we are running 

    [super onEnter];
    id sh = [CCFadeTo actionWithDuration:K_FADE_TIME opacity:0];
    id seq = [CCSequence actions:sh,[CCCallFunc actionWithTarget:self selector:@selector(onUnshroudComplete)], nil];
    [blackShroudLayer_ runAction:seq];
}

-(void) onUnshroudComplete{
     [blackShroudLayer_ removeFromParentAndCleanup:YES];
}

the constants and blackShroudLayer_ are defined in the class .h file.