First of all open up flash then
Create 4 Layers and in order name them: Actions
Loader outline
Loader Bar
Content
Then create 3 frames for each layer.
Lets start in the actions layer, for the first frame make it blank and the second frame make it blank also. Press F9 to open the actions panel (make sure you are in the 2 frame of the actions layer) and put this in
CODE
myLoaded = Math.round(getBytesLoaded());
myTotal = Math.round(getBytesTotal());
myPercent = myLoaded/myTotal;
myBar._width = myPercent*170;
MyText = Math.round(myPercent*100)+"%";
if (myLoaded == myTotal) {
gotoAndStop(3);
} else {
gotoAndPlay(1);
}
myTotal = Math.round(getBytesTotal());
myPercent = myLoaded/myTotal;
myBar._width = myPercent*170;
MyText = Math.round(myPercent*100)+"%";
if (myLoaded == myTotal) {
gotoAndStop(3);
} else {
gotoAndPlay(1);
}
Ok so now your done with the action layer now you move on to the Loader outline. Select the rectangle tool and create a box with a width of 170 and a height of 10. (to change the width and height just make any size box and then go to Properties and change it there). Ok so you have a rectangle with a fill inside the border so select the fill inside the border and right click it and cut it. Now you change in the loader bar layer and right click and select paste in place. Now select the fill and press F8 to make it a movie clip. Make sure when you are making it into a movie clip change the registration to the top left square!! Now once it is a movie clip go back to the previous screen with all the layers in it. So you are still in the loader bar layer so click on the rectangle just the filled one and go to properties and change its name myBar (you put the name in right beside where it has the swap button is.
For your loader outline and your loader bar on the third frame make it a blank keyrame.
Now to move on to your content layer, which is your play button. (I am only showing you how to make a play button, in another tutorial I will show you how to make a scene select button) Now make a rectangle or something that will be your button. Once you are done that click on it and press F8 and make it a button (you can make it a MC but for this tutorial I’ll keep it simple) Now once you finish making it a button (your registration is probably still in the top left I would suggest changing it back to the middle) you click on it once and press F9 to go into your action panel and copy and paste this in there
CODE
on (press) {
play();
}
play();
}
For the frames for the content layer it doesn’t really matter if you leave it all with the button but if you want the button to only appear when it is done loading make the first two frames blank and the last frame you have your button in it. Here a picture to show you what all your layers and frames should look like.
Now to test this movie first create a new scene and import a large picture file. Now drag it on the screen. You do this so your pre loader has something to load. Now test your movie by pressing ctrl+enter twice. Remember twice so if you see your bar going across that means you got it. YAY!!!
If you have any questions just PM me.
Hope you found this tutorial handy this is my first tutorial I made =D
Remember NO stealing I spent time doing this and stealing isn’t cool >=(
Made by: Jordain Joyce
