You should be comfortable making an avatar such as those in the simple avatar (Flash tutorial) and the advanced avatar (Flash tutorial). If you feel sufficiently experienced, feel free to move forward with the more advanced steps below to create a configurable avatar.
- Download the Whirled SDK. "SDK" stands for Software Development Kit, and it contains handy tools for Whirled creators.
- Configure your Flash CS3 to use the Whirled SDK
Download the Template Files Edit
- **Both of the original ways listed to get these files are down :( I'll try to get them up here.**
Either way, your config folder should at least have these 4 important files: config.fla, ConfigBody.as, ConfigData.as and ConfigPanel.as.
Design Your Avatar Edit
Make a new Flash File, and make an avatar. If you need help with this, see the earlier tutorials.
Unlike in the previous avatar tutorials, you must use MovieClipBody.as. This is included in the current SDK (examples/avatars/uravatar/src. When using MovieClipBody, instead of putting your states in scenes, you put them in movieclips. So, instead of making a scene called state_Default, you make a movieclip called state_Default, and put it on the main scene, along with your actionscript (more on that later). One more thing- you need to export your states and actions for ActionScript so that MovieClipBody can see them and work with them. Go to the properties of the movieclip from the library and check the export for actionscript box. you might need to click show more, and make sure the class name is state_Default (or whatever your scene would be called).
BEFORE YOU MAKE YOUR AVATAR: make sure to give all of the movieclips in your states instance names. The prime time to do this would be when you have one state with all of your movieclips laid out and only one keyframe per layer (i.e. no animation).
To name an instance, you must click on the instance. In the properties box, it should say Movie Clip and not Frame. Type the name in the text field right below it. Make sure to give it a descriptive name, but also one that isn't too long to type.
Edit the ActionScript Files Edit
Open the three ActionScript files: ConfigBody.as, ConfigData.as, and ConfigPanel.as.
If you think you will do more than one config project, you should rename these files using Save As. Make sure to put them in the config folder, the same place that ConfigBody, ConfigData, and ConfigPanel are. I would name them according to your project. If you were making a config bee, then name them something like BeeBody, BeeData, and BeePanel. If you do this, you must replace all references to the old file names and point them to the new file names.
Make the following replacements in the text: