Sparrow Forum

1. 

   willsavin
   Member

   Hi all,

   I have been trying to make a set of cutscenes appear in order one after the other. I do this with delays and by turning the three images tweening alpha properties on and off. However when I compile, the last cutscene is the only one that shows up on the screen. Can anyone see any errors?

    SPImage *cutScene1 = [SPImage imageWithContentsOfFile:@"cutscene1.png"];
           cutScene1.y = 0;
   		cutScene1.x = 0;
           cutScene1.alpha = 0.0f;
           [self addChild:cutScene1];
           SPTween *tween1 = [SPTween tweenWithTarget:cutScene1 time:1.0f];
           [tween1 animateProperty:@"alpha" targetValue:1.0f];
            [tween1 setDelay:4.0f];
           [tween1 animateProperty:@"alpha" targetValue:0.0f];
    
           SPImage *cutScene2 = [SPImage imageWithContentsOfFile:@"cutscene2.png"];
           cutScene2.y = 0;
   		cutScene2.x = 0;
           cutScene2.alpha = 0.0f;
           [self addChild:cutScene2];
           SPTween *tween2 = [SPTween tweenWithTarget:cutScene2 time:5.0f];
    
           [tween2 animateProperty:@"alpha" targetValue:1.0f];
           [tween2 setDelay:3.0f];
           [tween2 animateProperty:@"alpha" targetValue:0.0f];
    
           SPImage *cutScene3 = [SPImage imageWithContentsOfFile:@"cutscene3.png"];
           cutScene3.y = 0;
   		cutScene3.x = 0;
           cutScene3.alpha = 0.0f;
           [self addChild:cutScene3];
           SPTween *tween3 = [SPTween tweenWithTarget:cutScene3 time:8.0f];
           [tween3 setDelay:3.0f];
           [tween3 animateProperty:@"alpha" targetValue:1.0f];
    
           [[SPStage mainStage].stage.juggler addObject:tween1];
           [[SPStage mainStage].stage.juggler addObject:tween2];
           [[SPStage mainStage].stage.juggler addObject:tween3];

   Thankyou for your help.
   Willsavin

   Posted 8 months ago #
2. 

   paul
   Member

   SPTween.delay governs the time until the tween begins its tweening. SPTween has no concept of chronology with regards to animated properties. So doing something like this:

   SPTween *tween1 = [SPTween tweenWithTarget:cutScene1 time:1.0f];
   [tween1 animateProperty:@"alpha" targetValue:1.0f];
   [tween1 setDelay:4.0f];
   [tween1 animateProperty:@"alpha" targetValue:0.0f];

   Will not fade cutScene1 in, pause for 4 seconds and then fade cutScene1 out. I'd have to look at the Sparrow code, but I imagine that the second property animation is just overriding the first in this case. Best to only animate a property once in a single tween.

   Also, tween2 does not wait for tween1 to finish before it begins. If you are after this functionality, best to do it like this:

   tween2.delay = tween1.delay + tween1.time;

   If you want tween1 to display at full opacity for 5 seconds, then you'd just add 5 to tween2's delay. Then tween3 would be:

   tween3.delay = tween2.delay + tween2.time;

   And so on.

   Posted 8 months ago #
3. 

   Shilo
   Master Sparrow

   This extension might be of some use to you: http://wiki.sparrow-framework.org/users/shilo/extensions/shsplashscreen.

   Posted 8 months ago #
4. 

   willsavin
   Member

   Thankyou Shilo and Paul,
   It works perfectly!

   Posted 8 months ago #
5. 

   Shilo
   Master Sparrow

   Welcome back to the forums btw. (9 months away :P)

   Posted 8 months ago #

RSS feed for this topic

Reply

You must log in to post.