The front page All those lovely tutorials Other sites of interest More info about Stickman
Stickman

Simple supernova v1.1

<IMG SRC="graphics/default.gif" WIDTH=550 HEIGHT=400 BORDER=0>

 TUTORIAL INFO 

Version Flash 3
Difficulty Easy
Created 8th April 1999

 DOWNLOAD 

ZIP

FLA

As ever, a question on the Flashpad -- how to do a supernova effect. Ten minutes' work produced a very basic solution, then came back to it and tarted it up a bit (here's the .fla file in .zip form).

It must be very complicated...

Err...no. It makes use of a couple of 'intermediate' techniques though.

Look at the file and you'll see that there are two objects (the 'fireball' and the 'blast wave'). FireballGraphic is just a circle, filled with a radial gradient that goes from 100% Alpha yellow in the centre to 0% Alpha yellow around the edge. BlastWaveGraphic is the opposite - it goes from 0% Alpha (ie. invisible) yellow in the centre to 100% Alpha yellow around the edge.

FireBallAnimation is a movie clip which uses Tint and Scale to create the effect of the fireball expanding, contracting and changing colour. BlastWaveAniamtion uses the same functions (Scale and Tint) to have the blast wave expand, then fade to the background colour (ie. black). In both cases, a small amount of easing (in) was used to make the animation seem smoother.

When placed in the scene, BlastWaveAnimation was Skewed and Rotated to give it an elliptical appearance.

Finally, in order to have the blast wave appear to 'go around' the fireball, two instances of FireballAnimation were placed in the scene, one in a higher layer than BlastWaveAnimation and one in a lower layer. Simple masks were then used to 'hide' the relevant part of the fireball.

That's it?

Yes.

Stickman

All files and text copyright ©Stickman 1998 - 2003. For copyright and terms of use information, please read this page.