Title:
Percentage Preloader (FlashMX
and above)
Author: AEvision
Difficulty: Beginner
Prerequisites: None
In this tutorial you're going to learn how to add a percentage preloader using the "components" of FlashMX.
We're going to use a ready-made extension for the preloader.
Download the following files:
- The Loader Extension .mpx file (credit: programed by Armen Abrahamyan).
- To use the .mpx file, you'll need the Extension
Manager
1:
After completing the installation of the Extension Manager, and successfully setting up the .mpx loader file, you should be able to see the loader component from the drop-down menu of the Components (Go to Windows>Components, or press ctrl F7)
And that's our "percentage preloader" component.
2:
Good, now create two layers as shown in Fig 2.
-
Select the first frame of the "preloader" layer and drag the loader component to the stage.
- Select the second frame of the "Main Content" layer and place your content there.
- Right-click on that keyframe and go to Actions, and add stop(); (You don't want your movie to go in loop back to your preloader).
Guess what! You can go and test your movie now! you're done.
(Go to Control>Test Movie)
Make sure you select "show streaming" in order to see the preloader in action.
FAQ:
Q. How can I change the preloader text color?
A. On the Actions layer of the loader component, modify the following action on line 31:
Change this line:
this.mTextFormat.color = this.bcolor;
To this:
this.mTextFormat.color = 0x999999;
Modify the above color value to whatever you desire.
Conclusion:
What we did:
-
Downloaded the Loader component.
- Created two layers: "Prelaoder" and "main content"
- draged the loader component to frame 1 of the "preloader" layer.
- Placed the content on frame 2 of the "main
content" layer and applied a "stop" action to it.
In 2 steps, you've got a percentage preloader!
Fig 1
Fig 2
