Smooth transition with tweenlite doesn't work

1

Hello,

I have a vector circle and what to do the following:

I 'd like to animate it with tweenlite so it looks like a shockwave of an explosion. At first it fades in (from 0 to .5) and gets scaled and when it reaches half of the total animation time it fades out but it still gets scaled (hope you know what I mean).

Currently it looks horrible because I don’t know how to get a smooth transition from part 1 to part 2 with TweenLite. My animation stops when reaching the end of part 1 and suddenly makes a jump to part 2.

Can someone help me out with this problem please? Thank you very much.:slight_smile:

Total time of animation: .75 sec
total amount of scaling: 5




part 1 of 2:


TweenLite.to(blastwave, .375, {alpha:.5, transformAroundCenter:{scale:2.23},
				onComplete:blastScaleFadeOut, onCompleteParams:[blastwave]});




part 2 of 2:


private function blastScaleFadeOut(object:DisplayObject, time:Number = .375, scaleVal:Number = 4.46) {
			
	TweenLite.to(object, time, {alpha:0, transformAroundCenter:{scale:scaleVal},
		onComplete:backgroundSprite.removeChild, onCompleteParams:[object]});
			
}