Sunday, July 26, 2009

Simple and Standard Flash Loader

Simple and Standard Flash Loader by Emil Jaranilla


Hello to everyone again, I am posting some basic and simple techniques. This time, the topic is about flash animation default loader using action script. I wrote this tutorial because some site or flash animation is using the loader intro as movie clip. In addition, this will not help the user to know how long they will wait to load that movie clip loader so it means that your site is not considered as usable and accessible. It is better to have some animations or notifications for the user to see while the browser is calculating the total bytes needed to load your flash webpage or animation project.


Here is your requirement.

. Basic Knowledge in Flash Action Script

Here are the steps.

1.) Create a text box. Make sure that it is set as dynamic text.

2.) Convert the dynamic text as movie clip named it as loader

3.) Double click the movie clip and set the font color, size, style and variable name on the dynamic text inside the movie clip.


Note: Do not convert the dynamic text inside the movie clip to any symbol like button, and graphic. On this tutorial, I named my dynamic text as “text”

4.) Back to main scene to start the coding process.


5.) Type these script




· The “total” is the your variable name for total bytes needed to load your movie.

This would be very easy for you because flash automatically suggest codes that you will need.

6.) Type this script next the script on step 5


· loaded is the variable name for bytes loaded while loading the movie

· percent is the variable name on the syntax that calculates the bytes loaded

· text is the variable name you entered on step 3.


· The if statement states that, if the total bytes loaded is equal to total bytes needed to load your movie, then _root gotoAndPlay(); will execute.

Note: You can put any frame number on the gotoAndPlay script it depends on your needs.



7.) Its output should be

Loading… 100%



8.) While putting this on your movie or flash website, you should put this on the last layer of your flash file and followed by blank key frame or just simply press F7.


This Tutorial was developed by Emil Jaranilla. You may reblog this tutorial on your own site but please include credits and always link back to this page. Thank you for reading this basic tutorial, more tutorials on different topics will be post soon.


0 comments: