jump to navigation

Flash Candle Flame February 16, 2009

Posted by tomgutz in Flash.
1 comment so far

While getting familiar with Flash CS3 Environment with AS3, I thought of trying to do a small experiment. I came up with some idea of  trying to mimic the behavior of a candle flame.

I have seen someone already did this way… way ….back then using AS2 and Flash 8 if I am no t mistaken. But this time I tried if I can actually implement the same thing using my own idea.

There were two steps that I did to get to the final thing:

  1. I tried to put all the actionscript for the flame to work as well as the dragging of the candle. See the white candle
  2. Skinning the candle with realistic bitmaps, coloring the flame,  and making sure the flame behaves and looks as the real thing.

On both steps, step number one did’nt really take a lot of time. Estimating it took me about less that 2 hours considering that im a bit shaky with the IDE and AS3 implementation. But the second step took about almost the same time surprisingly. I guess most of the time it was more of trial and error for getting the right color as well as behavior of the flame.

Flash candle sturcture implementation

Step 1: Flash candle sturcture implementation. Resulted to 1KB swf file

Flash Candle

Step 2: Adding skinning to the structure, looks more realistic. Dont forget to drag the candle so you can see how the flames behave. This time be careful not to get burned!! This resulted to 6KB swf file