Quick Tip: Create Instant Fire Particles With TeraFire

Carlos Yanez Last updated Mar 18, 2011

Read Time: 2 min

Fire effects can be difficult to create, as they require advanced use of ActionScript and can take a lot of time to accomplish. In this Quick Tip, I'll introduce you to an ActionScript class that will help you speed up the process.

Final Result Preview

Let's take a look at the final result we will be working towards:

Step 1: Brief Overview

Using a brilliant class called TeraFire, we will recreate a candle flame. You can download the source of the class from the developer's site.

Step 2: Set Up Your Flash File

Launch Flash and create a new Flash Document, set the stage size to 320x280px and the frame rate to 24fps.

Step 3: Interface

This is the interface used in the example, a background previously created to place the resulting flame. You can find it in the FLA in the source download.

Step 4: ActionScript

Create a new ActionScript Class (Cmd+N), save the file as Main.as, and write the following lines; please read the comments in the code to fully understand the class behavior.


package 
{
	import flash.display.Sprite;
	import com.trick7.effects.TeraFire; //Import TeraFire class
	
	public class Main extends Sprite
	{
		public function Main():void
		{
			/* Creates a terafire instance */

			var fire:TeraFire = new TeraFire();
			
			/* Position the fire particle */
			fire.x = 158;
			fire.y = 130;
			
			/* Add to stage */
			addChild(fire);
		}
	}
}

You can customize the way the particle looks by passing parameters to the TeraFire constructor. These are the parameters available:

xPos: The x position to create the fire, default is 0
yPos:The y position to create the fire, default is 0
fireWidth: Width of the resulting fire, default is 30
fireHeight: Height of the resulting fire, default is 90

Step 5: Document Class

Add the class name to the Class field in the Publish section of the Properties panel.

Conclusion

Now you're aware of this easy way to create fire for your movies, you'll find it comes in really handy when building games. Implement your own!

I hope you liked this tutorial, thank you for reading!

Effects Flash

Did you find this post useful?

Yes No

Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.

Carlos Yanez

Carlos Yanez is a freelance software developer and interface designer who enjoys using different technologies for creating content. When he is away from the keyboard, he plays guitar/bass and runs a local social website.