jump to navigation

Flash Candle Flame February 16, 2009

Posted by tomgutz in Flash.
trackback

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

Comments»

1. Ishwar - August 3, 2009

Hi,
Your Customized chart lks very interesting. I have a similar kind of requirement. I have explained as below. Can you please let me know if you have any soluions?

I am developing a line chart with data for the dataprovider is as below

;
and but I need to display the categoryAxis (x-axis) in hourly
intervals (10:00, 11:00, 12:00, 1:00, 3:00, 4:00). and other
datapoint of the graph should between the intervals (for eg. the graph
for the data10.15, 10.30, 10:45 should appear between 10:00 and 11:00 with out changing the interval of x-axis). For categoryAxis I have given separate dataprovider values as array of (10:00, 11:00, 12:00, 1:00, 3:00, 4:00). But while rendering the graph the graph data and x- axis data is not getting synchronize. It is displaying as 10:00 –> 10:00, 10:15 –> 11:00, 10:30 –> 12:00, 10:45 –> 1:00. My requirement is, the data points for 10:15, 10:30, 10:45 should appear between 10:00 and 11:00.

Thanks
Ishwar