cocos2d for iPhone

A fast, easy to use, free, and community supported 2D game engine

1. 

   demetriusb
   Member

   I'm having a problem that I can't seem to figure out. I have two sprites. What I want to do is to have a sprite fade in AND then have a second different sprite fade in when the 1st on stops fading in. I can get the sprites to start fading in at the same time and vary the length of the fade in for the second, but that won't work for what I'm trying to achieve.

   Here's the code that I'm using:

   Sprite *left = [[Sprite spriteWithFile:@"face.png"] retain];
   left.position = ccp(160,240);
   [self addChild: left];

   Sprite *right = [Sprite spriteWithFile:@"faceTwo.png"];
   right.position = ccp(160,240);
   [self addChild: right];

   id actionIntro1 = [FadeIn actionWithDuration:2.0f];
   id actionIntro2 = [FadeIn actionWithDuration:5.0f];

   [left runAction:actionIntro1];
   [right runAction:actionIntro2];

   What I'd like to do is have the first sprite fade in and as soon as that happens the second sprite starts to fade in.
   Right now both start fading in at the same time, one for 2 seconds the other for 5 seconds.

   I tried doing something like a sequence actions, but that crashes the app.

   Any help is appreciated.

   Demetrius

   Posted 2 years ago #
2. 

   Pearapps
   Member

   You could use the CallFunc action.

   Posted 2 years ago #
3. 

   demetriusb
   Member

   I'm not sure how to do that. How would I go about it.

   Demetrius

   Posted 2 years ago #
4. 

   guillermo
   Member

   I think this might help,
   

   //class.h
   Sprite *left;
   Sprite *right;
   id actionIntro1;
   id actionIntro2;
   
   //class.m
   -(id)init{
   	if( (self=[super init] )){
   		left = [Sprite spriteWithFile:@"face.png"];
   		left.position = ccp(160,240);
   		[self addChild: left];
   
   		right = [Sprite spriteWithFile:@"faceTwo.png"];
   		right.position = ccp(160,240);
   		[self addChild: right];
   
   		actionIntro1 = [[Sequence actions:[FadeIn actionWithDuration:2.0f],
                   [CallFunc actionWithTarget:self selector:@selector(runNextSprite)], nil] retain];
   	        actionIntro2 = [[FadeIn actionWithDuration:5.0f] retain];
   
   		isTouchEnabled = YES;
   	}
   	return self;
   }
   
   -(void)runFirstSprite{
   	[left runAction:actionIntro1];
   }
   -(void)runNextSprite{
   	[right runAction:actionIntro2];
   }
   
   //just to try it
   -(BOOL)ccTouchesEnded:(NSSet*)touches withEvent:(UIEvent*)event{
   	[self runFirstSprite];
   
   	return kEventHandled;
   }
   
   //Remember to "release" the "reatined" actions.
   //You could do this instead:
   -(void)runFirstSprite{
           [left runAction:[Sequence actions:[FadeIn actionWithDuration:2.0f],
           [CallFunc actionWithTarget:self selector:@selector(runNextSprite)], nil]];
   }
   -(void)runNextSprite{
   	[right runAction:[FadeIn actionWithDuration:5.0f]];
   }

   Posted 2 years ago #
5. 

   Codemattic
   Moderator

   backticks make it more readable!

   Posted 2 years ago #
6. 

   demetriusb
   Member

   Thanks for the code. I must be doing something wrong. I can't get it to work. Is there a "delay" that you could sequence before an action? All the examples that I've worked through seem to have all the sprites start their actions at the same time.

   One solution that I've come up with:

   id actionIntro1 = [FadeIn actionWithDuration:1.0f];
   id actionIntro2 = [DelayTime actionWithDuration:5.0f];
   id tog1 = [ToggleVisibility action];

   id action = [Sequence actions: tog1, actionIntro2, tog1, actionIntro1, nil];
   [right runAction:action];

   I could probably do something like this also:

   id actionIntro1 = [FadeIn actionWithDuration:1.0f];
   id tog1 = [ToggleVisibility action];

   id action = [Sequence actions: tog1, [DelayTime actionWithDuration:5.0f], tog1, actionIntro1, nil];
   [right runAction:action];

   This delays the second sprite and has it start fading in 5.0f.
   What it does is toggle visibility off, delay start of next action, toggle visibility on, start fade in.

   I appreciate everyone's help. If there's a more elegant way of doing it, please let me know.

   Demetrius

   Posted 2 years ago #
7. 

   guillermo
   Member

   @demetriusb
   "What I want to do is to have a sprite fade in AND then have a second different sprite fade in when the 1st on stops fading in"
   

   //This worked for me
   //Set initial sprites opacity
   left.opacity = 0;
   right.opacity = 0;
   
   //And then try this
   -(void)runFirstSprite{
   	[left runAction:[Sequence actions:[FadeTo actionWithDuration:2.0f opacity:255], [CallFunc actionWithTarget:self selector:@selector(runNextSprite)], nil]];
   }
   
   //this will be call by "CallFunc" as soon as the first sprite faded out
   -(void)runNextSprite{
   	[right runAction:[FadeTo actionWithDuration:5.0f opacity:255]];
   }

   Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.