Fire Effect Component & Source Code

I finally got the time to finish off my fire effect Flash CS3 component, which makes it easy to add flames and other cool effects to objects on stage. I am also releasing the AS3 source code that powers it, which is one of the most requested piece of source code I’ve had.

Here’s a simple sample SWF that lets you play with most of the settings.

And here is a picture of some of my favourite effects that can be created with this code: Fire, plasma, sparks, water fall, baroque, and 70s.

I’ll probably write up a short article next week outlining how the ActionScript works, so people can modify it, and work with it more easily in Flex.

You can download the component and source code here. There are some instructions in the FLA on how to use it. Note that this is not a compiled component, so it won’t show up in the components panel. You will have to copy the component, and the source file into your project. If anyone really wants a compiled version, let me know and I can provide one.

As always, I’d love to hear how people use it, and would appreciate it if you would post back to the comments if you make any significant modifications so that other people can benefit from them.

Grant Skinner

The "g" in gskinner. Also the "skinner".



  1. I’ve been wanting to have this capability ever since I saw it done in Flash 8. Thanks for making it available! Any chance there would ever be a .MXP installer?

  2. Excellent! It’s amazing Grant! Thanks for sharing!

  3. Awesome!So many thanks Grant for sharing.

    P.D. I would like a compiled version too :D.

  4. Awesome!So many thanks Grant for sharing.

    P.D. I would like a compiled version too :D.

  5. hehe. Very retro Grant. While I don’t imagine putting a flaming logo anywhere near my web site, I do appreciate you sharing the source code for the effect. Who knows, it could come in useful somewhere. Thanks, Nathan.

  6. Flaming logos are so 1998. Now, spinning, flaming logos (via PaperVision 3D)… now that’s hot!!

  7. I like the waterfalls effect.

    Makes me think of this tune and lyrics: “Don’t go chasing waterfalls…” 😉

    Thanks for posting!

  8. A compiled version would be excellent. Great work by the way.

  9. I saw your fireFX first with one of Adobe’s logos, it is an audio-visual experimental.

    Thanks for sharing the code now. I will comment back and link it when use your effect in one of my project…

    May the force be with you 🙂

  10. Hi Grant,

    i’m a Canadian fan follower of yours… your fx rock…how may I come across the source for the waterfall and plasma effects … is that being shared as well?



  11. never mind, my apologies, didn’t realize all the effects are combined in one

  12. noah aronsson-brown November 18, 2007 at 9:21pm

    Brilliant stuff Grant.

    When I first clicked on your latest I was like “Another fucking fire effect! what…ever…”

    Then I played with the demo for a few minutes and I was like “Shit! I take it all back, this is the fire effect fleshed out to a proper level!”

    Very professional and it reflects exactly how much depth you bring to our community.


  13. wow!


    thanks for sharing the code and the component!

  14. Amazing stuff as usual

  15. awesome code,

    sharing is the best for everyone!!!

  16. RockOnFlash \m/ :: John Grden » One up on Keith and the new AIR Logo 😉

    John Grden wrote: “I created a vector version of the logo in Flash IDE, exported as illustrator 6 file and imported into 3D Studio Max. Then extruded and applied a red shaded texture to it. Bingo, 3D AIR logo. So…

  17. We are going to see a lot of fires around. 🙂


  18. This is really amazing. Looking for water fountain or water fall effects. 🙂

  19. Wow, now thats sumthin

  20. cant wait for the pure as3 version for flex!

    this is really tight! thanx for sharing!

  21. It’s a nice effect 🙂

    Thanks for sharing the source code.

  22. WOW!

    I’m just starting to play with the component. But, at first, I change the text for an Alpha PNG image. And It works just I expect it.

    Thanks Grant! Great work!

  23. Fantastic work, could you explain the code:

    public function set distortion(value:Number):void {

    filtersValid&&= value == _fadeRate;



    its not a syntax i recognise or can work out!

  24. filtersValid &&= (value == _fadeRate);

    This is simply shorthand for:

    filtersValid = filtersValid && (value == _fadeRate);

    Basically it invalidates the filters if the value is different than the existing value. If filtersValid is false, it remains false, if it’s true, it will become false if the new value does not equal the old value.

    Make sense?

  25. Hello,

    Tried to get it to work in Flex with no luck 🙁

    Any news on the Flex version of this ?

    Thank you for all the help,

    Sean –

  26. WOW, i am pretty amazed from the fire fx, thanks alot for sharing!

    I made a flex version of the component.

    Here is the url:

  27. I am pretty amazed of the fire fx component, thanks for sharing!

    I made a flex version. The class is available in our blog.

  28. Awesome fire fx component, thanks for sharing! I made a flex version of the component. The class is available at our blog.

  29. I just made this into Sandy tutorial (clicky linky).

  30. Really useful, comparable to the Flex fire component in Flexlib at It should be easy to convert this component to create other textures such as natural looking woods or clouds in applications

  31. Need help with the Flames

  32. is awesome!! but i use flash8, can you make a version in flash 8?,… thnks,…


  33. I am very new at this but love the FLA. Can someone explaine to me how i can make this work? I am a student and would love someone to mentor me.

  34. PLease send me complied version. Great work! i appriciate it.

  35. This is excellent I would love a complied version.

    Thanks for sharing your work- its inspirational!

  36. can i have the compiled version??

    by the way this is a very good work

  37. shane colella April 16, 2008 at 6:15am

    love this, I would love to use it, but when Idrag the fireSymbol into my new movie(fla) it doesn’t work at all,..

    I did name the target, and tried several different ways to get in (cntrl-V, drag, etc).

    Please, whats wrong?..

    anyone else experience this.?

  38. Hi Grant. Thanks for the base code for this distortion. I have used it in a new micro site for Scion. I used it on the intro flames (HOT logo), on the manhole cover steam/smoke and on the preloader for images in the viewer. The only thing I had to alter was the way it is created and destroyed so I could easily turn it off and on. Thanks again and I hope this shows how it can be used to complement an environment/feel.

  39. Is there an AS2.0 version available?

  40. hi, thanks for this great code. but guess what? i cannot make it work if i put a background image behing it.

    seems to be that the flames are generated behing the image, but how can i make them appear at front?

    thanks again…

  41. sorry, my fault, i wasnt ordering correctly in the timeline =)

  42. What could you do me the courtesy to give me a complilada version of FireFX for FlashCS3 ?

    Tank you !


  43. I want it too please!!

  44. thanks a lot dude. very very very good and impressive work. keep the source open : )

  45. one of my first questions regarding progaming




    and here is the greate answer..

    u throw me back some 10 years back mate.. thanks 🙂

    ofer from israel ..

    long live obama!

  46. I’d love a compiled version!

  47. hi love the effect could you please send me a comiled component version of this…. i really need it for my uni project

  48. Greate work! i might use it in a game! This is very cool.

  49. Thanks for the information. I am working on a webpage for a fire department and have been looking for a fire effect. Thanks again. Do you have a compiled version? I know the original post was a couple of years ago back, but please let me know if there is a compiled version.



  50. very cool!!!!

    Thank you 🙂

  51. this program is fire

  52. alberjito (: May 21, 2009 at 2:10pm

    te kelo mucho d:

  53. Thanks so much for sharing!

  54. Great work! Could I get the compiled clip too, please?

  55. Hi

    I am a newbie when it comes to programming and would really appreciate some help with how to apply this effect to an object or symbol.

    Or even a link to a tutorial would be great.

    Cheers Levi

  56. realy awesome!! i thank for your magic!… xD

    but i´m from spain and i have a little problem. this class (fireFX) doesn´t accept certain special characters like á or ä, and i don´t know what can i do… can you help me??


    and sorry for my english… xD

  57. Great job! I was wondering if you still offer the compiled component version. If so, can I get one?

    Thanks… I loved it!

  58. Great job! I was wondering if you still offer the compiled component version. If so, can I get one?

    Thanks… I loved it!

  59. I am VERY Confused on how to use this.. i cant make the component have tried.. dotn knwo what to do exactly.. i have cs4 and flex 3… ii jsut want to apply the [baroque] effect to a movie clip HELP

  60. impressive! thx!

  61. I would also love to have a compiled version. You’re doing great work.. love that MLB project!. Anyways.. Thanks again and good luck!

  62. Im trying to use the fire effect for a flash tower ad. I am having no success at all at placing this effect on to the tower ad. Can you help me?

  63. It’s wonderful effects!!! Thankyou for sharing. Can I add Green flame?? Or Can you add a slidebar to adjust color? It’s how great if true 🙂

  64. Hi not sure how often you check this,but I’d love a compiled version too! Is this posted anywhere? can you email it to me?

  65. Hi Grant, Just want to express a sincere THANKS for all of your hard work and contributions to the Flash community, and I am personally super grateful for all that you’ve done, and the fact that you make so much freely available to the rest of us aspiring Actionscript masters! Thanks again!!

  66. thankssssssssssssssssssssssssss

  67. Pablo Ossa Ríos March 2, 2011 at 9:11am


  68. Thanks so much for sharing this with us all; it’s a great tool.
    I used it in a couple of screens for this flash game/Christmas card:

    Many thanks again.

  69. I love this stuff! I can however only make it work through dragging the box over the object i want to apply it to, on stage in the .fla… If I try to make it work in pure AS3 (so no objects on the stage in the .fla), I don’t know how to…
    Could anyone *Please* give me a hint?

    I tried numerous ways, such as:
    var someMC:FireFX = new FireFX;
    // included all the params as provided in the example .fla in the main class function
    //included the array too, of course

    And variations to this.

    Adding this FireFX[] =;
    (which is also provided in the .fla) makes Flash give an error, saying it doesn’t understand what ‘evt’ is..

    So basically my question is: Could anyone show me how to apply the effect to an object (movieclip) in pure AS3 (I don’t mind putting things in the library btw)? Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *