Mohamed Mansour's Personal Website
Articles
Comments on Flash Preloader Loading Bar
20 Replies: (add yours)
Fahad
#2Thank you so much for putting this up ... made my life easier in mins .. just one thing I wanted to point out ....
In the heading 5.2 please check it ... you've written first frame .. although it needs to be on the secound ... for dummies ... this could mean " HELL IT DOESNT WORK " ...
Brillitant post ... thnk you so much ...
› Posted on December 19, 2006, 12:55 pm
m0
#3Ah Fahad, thanks... It was a mistype :) Thanks for letting me know. It is changed now.
› Posted on December 19, 2006, 7:45 pm
Fabio
#4sorry my ignorance but i don't get where in the script i have to insert my movie clip.....
› Posted on February 5, 2007, 11:35 am
m0
#5Hi Fabio,
I assume you want to place a movie clip for your preloader, correct?
If that is the case, it can easily be modified in the Preloader Scene. So where you see the "bar" That is a movie clip. Think of the "bar" movie clip as an interface. You must have 100 frames in your movie clip.
Just implement your movie clip there or just replace it. So if you want to make a circle (pie chart) loader type of thing, every x degrees count as 1/100th of the whole circle so 3.6 degrees of your animation should rely on one frame from that "bar" named movie clip.
I hope you understand how I separated the logic from the design, this preloader was made long ago in the Macromedia MX era. So once again :) Your movie clip should be within the "bar" clip. Edit and be free :)
Good Luck
› Posted on February 5, 2007, 8:10 pm
Kris
#6Thaks a lot, just what I needed!
I just modified the size, font and colors of it and it works great!
THANK YOU! =)
› Posted on March 15, 2007, 2:51 am
Newbie
#7I just finished creating a flash site. Now I want to use your preloader to load it but how?
Thanks in advance.
› Posted on March 28, 2007, 1:42 pm
jim
#8Basically you just make a preloading scene which is your first scene, and your flash site in some other scene. Was explained well here.
And you can technically copy paste the code in preloading scene. Make sure your next scene name matches the one that goes here:
gotoAndPlay("Main", 1); Where Main is the scene.
› Posted on March 28, 2007, 7:33 pm
Jaime
#9Hey, Mo
Just writing to thank you very much for having the preloading tutorial download. It was well understanding and right to the point. It helped me improve my skills as a web designer.
Once again, thank you
Seeyaa :) :)
› Posted on April 12, 2007, 1:35 pm
FlashElf
#10I am still Flash rookie and need some help building preloader - What if I need to point my preloader from Preloader Scene not to Stage of Main Scene, but to particular Movie Clip on Main Scene. i.e. wait till that clip will fully loaded.
What I have to change here:
loaded_bytes = _root.getBytesLoaded(); //Loaded Bytes already
total_bytes = _root.getBytesTotal(); // Get the total bytes of the swf
Thank you very much!
› Posted on October 26, 2007, 1:08 am
m0
#11Hello, your preloader could be anything of 100 frames, you can make a movie clip that spans 100 frames and pop that in the preloader movieclip. Like you can make a preloading wrench or even a preloading sun, whatever has 100frames. So you can view that mc before the whole flash file gets loaded.
Cheers,
› Posted on October 28, 2007, 8:38 pm
Idetrorce
#12very interesting, but I don't agree with you
Idetrorce
› Posted on December 15, 2007, 10:03 pm
George
#13oh yeah it worked in 1 time!
thanks so much! im VERY new and this tutorial worked, big thanks!
(had to read replies to see that in main the real site stuf would come, i just putted a BIG image in it so I'd see the loading and it worked like a charm!)
again big thanks!
* tries to play making different loading thingies *
› Posted on February 26, 2008, 7:09 am
ClericKal
#14alrighty, i have no idea what i did wrong in the process BUT i can't get it to go to main... i named it main, i checked my action script, and dont know whats going on......i am getting an output warning that says:
WARNING: Duplicate label, Symbol=bar, Layer=Bar, Frame=100, Label=bar
but that wouldn't effect it would it? cuz that doesn't seem like a big deal...
i would love anyone help! thanx!
-Kal
› Posted on May 23, 2008, 11:38 am
ClericKal
#15alrighty, i have no idea what i did wrong in the process BUT i can't get it to go to main... i named it main, i checked my action script, and dont know whats going on......i am getting an output warning that says:
WARNING: Duplicate label, Symbol=bar, Layer=Bar, Frame=100, Label=bar
but that wouldn't effect it would it? cuz that doesn't seem like a big deal...
i would love anyone help! thanx!
-Kal
› Posted on May 23, 2008, 11:38 am
m0
#16ClericKal, you rename the scene to Whatever you want in within the actionscript code you tell it to goto that scene and it will play the first frame.
› Posted on May 23, 2008, 10:28 pm
Socalsteveo
#17I added this code and it is stuck on 4%
I have those 2 layers and then right under it has the actuall movie. Same Scene (Scene 1) I havn't change any of the action script. Is there step I am missing or Something I did wrong?
› Posted on June 16, 2008, 4:26 pm
m0
#18Socalsteveo: Make sure you follow this tutorial in exact steps. I have shown how two difference scenes can interact with each other. I have choosen to create a Preloading Scene and the Main Scene. Not two different layers.
The two different layers are only for organization purposes. In the old days of flash, I like to place my ActionScript in one layer and the UI in another.
Take a look at the source to see how I really did it.
If it is stuck at 4%, it means it might be completed and there is a bug in your code, if you upload your project somewhere, I could take a look.
Make sure your preloader object is set to 100 frames not 4 frames.
Good Luck
› Posted on June 20, 2008, 9:22 am
Ger
#19Is there a way to do this on individual scenes?
so that in a portfolio im creating, the individual portfolio is only downloaded when the user decides he wants to view it?
Thanks
ps, thanks for the guide, it works a treat.
› Posted on July 7, 2008, 10:46 am
m0
#20Ger: There is no way to preload individual scenes since flash downloads the swf automatically from the start (in the background) .
If you want to do different preloaders per scene, you have to change your design and have every category in your portfolio to be a different SWF. (A different project per category). Each SWF will have his own preloaders, similar to the one described in this tutorial.
Therefore, you will have one main flash file which you preload (but will be quick cause you don't have any other content). Then when you press on your portfolio section it will loadMovie with the given SWF file for that section. Then that will preload and load it.
Hope that helped.
› Posted on July 7, 2008, 4:19 pm
m0
#1Okay, I completly changed this tutorial. I added images and more instructions. I hope you enjoy it! Any questions, don't hesitate to ask :)
› Posted on September 23, 2006, 2:50 pm