Flash Tutorial: How to Import MovieClips into a Flash Builder ActionScript Project

By Community Member FlashKit

http://www.htmlgoodies.com/beyond/webmaster/toolbox/article.php/3864136/Flash-Tutorial-How-to-Import-MovieClips-into-a-Flash-Builder-ActionScript-Project.htm (Back to article)

With the release of the new Flash Builder Beta 2from Adobe labs, more Actionscript developers will be tempted to leave the Flash IDE and head to what is now the rebranded Flex Builder. Previously there has been a bit of confusion over what Flex and Flex Builder were for, not everybody realised that you could write non-Flex applications (i.e. plain ActionScript ones) in Flex Builder. And then even without this confusion those of us used to the Flash IDE still had to get to grips with not having any sort of timeline or way to edit library assets. Long story short, you still need to use the Flash IDE to create and edit your library assets, though once this is done you can export them to a .SWC file in order to use them in Flash Builder. Here's a quick tutorial to show you how.

Using Movieclips in Flash Builder - Step 1

Firstly, in the Flash IDE, create your asset and save it as a MovieClip. I'm using a character from an upcoming game called "Tooth'n'Claw" that I'm going to release soon through Actionsprite.

Using Movieclips in Flash Builder - Step 1_b

Next you need to open up the properties window for your MovieClip where we will give it a Linkage ID that will allow Flash Builder to identify the Movieclip.

Using Movieclips in Flash Builder - Step 2

In the properties window, check both "Export for ActionScript" and "Export in frame 1" - you should see that the Class value is automatically filled out by Flash - it's the same name as you've given the MovieClip. You can change this to whatever you want, but remember it because it will be the name you use to refer to the MovieClip in Flash Builder.

Using Movieclips in Flash Builder - Step 3

Now that your MovieClip is prepared, go to "File>Publish Settings" and click on the "Flash" Tab. On this screen you want to make sure "Export SWC" is selected.

Using Movieclips in Flash Builder - Step 4

Now publish your file (I've named mine "Assets.Fla") and you'll notice that a .SWC file of the same name has been created. This file contains all of the assets that you have selected for export and is the file that you will use in Flash Builder to gain access to them.

Using Movieclips in Flash Builder - Step 5

Now you can load up Flash Builder and create a new project. You'll see there are various types of projects you can create, but the one we are going to deal with is an ActionScript project seeing as this is the whole point of the tutorial.

Using Movieclips in Flash Builder - Step 6

Give your new project a name, and then click the "Next" button.

Using Movieclips in Flash Builder - Step 7

Now this is where you tell Flash Builder about the .SWC file you created. Choose the "Library Path" tab and click on the "Add SWC" button.

Using Movieclips in Flash Builder - Step 8

A dialog will appear with a "Browse" button. Click this and point Flash Builder to the Assets.SWC file you made previously.

Using Movieclips in Flash Builder - Step 9

Now that you've located your .SWC file, you should be able to view its contents via the Package Explorer window.

step_10

Once opened, you should see the Package Explorer window open to the side of your layout. Open up the "Referenced Libraries" section. Drilling down, you should be able to see the MovieClip you named in the properties window back in Flash. In this Case its called "ninja_cat" and has a little "c" icon next to it (for "class").

Using Movieclips in Flash Builder - Step 11

Finally, in the code window you can write your ActionScript as you normally would. This is where you'll start to see some of the benefits of working in Flash Builder. As a coding environment there are a lot of little touches that make your life easier--some of which are incorporated into the Flash IDE, but for some reason, not all. Firstly you'll notice that when you create a new Actionscript project, Flash Builder will automatically create a Document Class for you and fill some of it for you automatically. Create a new instance of your library item as you usually would and attach it to the stage. Flash Builder should be smart enough to realize that it needs to import the MovieClip Class as well, which it will do for you automatically--see, I told you it was good.

Using Movieclips in Flash Builder - Step 12

Finally "Run" your movie and you'll see the MovieClip has been successfully imported and added to your stage. From here on in you should be able to import and use items as you need to. If you need to add more assets, or update existing assets, simply republish a new .SWC from Flash.

So that's all there is to it. I will try and cover some more aspects of Flash Builder in future articles.