Software Tutorials |
|
Website Templates Types |
|
|
Website Templates Categories |
|
|
Partners |
|
|
Featured Free Templates |
|
|
|
:: Free Website Templates
Do You Like Our Website? Share With Others!
      
Page: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25 Welcome To WebDesignTutorials.net Flash Tutorials Area - How to create Advanced Preloader
Advanced Preloader
I should warn you that to understand this tutorial, you should be
fairly familiar with Flash. Start off by starting a new movie: File>New. Then go to Modify>Movie
and change the width and height to whatever your prefference might be.
The one I'm making is Width: 550 Height: 400. We'll make the preloader
first. Set up two scenes, the first one is the preloader and the second
is the actual movie.
Set up 2 layers on the first scene, name the top one "Control" and the
second one "Other". Add three keyframes to the first three frames in
the "Control" layer. Then add three frames on to the "other" layer.
Alright, now you want to go Insert>New Symbol
and name it "loadmeter" with behavior as a Movie Clip. Make it 100
frames long, frame 0 is nothing loaded, and frame 100 will be fully
loaded. My example is a simple bar, that I masked out, uncovering more
and more as it nears the last frame, and I chose a chrome gradient
fill, so you know when you reached 50%. If you want, you can download
the movie and check it out.
Go back into the scene, and drop the "loadmeter" from the Library onto
the screen where ever you want it to be placed. Don't be scared if you
only see a white dot, the masking it hiding the real bar. Give it an
instance name of "loader".
This part is sort of tricky, well not really. In the "other" layer,
make a text box and put in "0". Go into the Type pallet, and place it
as Dynamic Text with Variable name "totalbytes" and no options checked.
(Just make it look like the figure on the left). Now do this 4 more
times, exact same thing, but change the Variable Names to loadedbytes, loadedkbytes, totalkbytes, and frame. Arrange it in a neat and orderly way as seen in the bottom left figure.
Whew, now go to the Actions on the second frame of the "Control" Layer and Copy-Paste this beastly coding in there:
loadedbytes=getBytesLoaded();
totalbytes=getBytesTotal();
loadedkbytes=Math.ceil (loadedbytes/1000);
totalkbytes=Math.ceil(totalbytes/1000);
if (loadedbytes == totalbytes) {
nextScene ();
}
frame = int(loadedbytes/(totalbytes/100));
tellTarget (_root.loader) {
gotoAndStop (_root.frame);
}
If you look and read the code, its actually quite easy
to understand. If you're a real Boy Scout and want to write the code
yourself, all of the functions can be found in the Object>Movie section.
 
Finally, go to the third frame of the "Control" layer and put in the folling code:
gotoAndPlay (1);
Now go to the
other scene and make whatever you want to in there and the preloader
will preload it, ain't it great? If you want to check if this thing
works, press Ctrl+Enter twice on your keyboard to test out the movie. If you're having some trouble with it, download the FLA, or discuss the tutorial.
|
Advertisements |
|
| Graphic Software, Flash Templates, Free Stock Photos, Web Templates, Web Design, Corporate Web Design, Royalty Free stock Photo, Affordable Website Design, Submit site, Add Url, Stock Photos, Survey Software, Anti Virus Software, E mail software, Computer Software |
|
Premium Partners |
| Free Website Templates - Flash templates, Affordable Website Design, Website Templates, Website Redesign, Custom Website Design, Web Design Tutorials, Flash Tutorials, Promotion Tutorials - that is what we do.
Metamorphosis Design Studio offers quality, free and low cost web site templates for your business and personal life, we also offer affordable web design and site re-design. |
| Vertex Website Tempales - It saves tones of time and money to use pre-made web designs to build your web site. You need a web site but you don't want to pay thousands dollars to professional web design companies? Our web templates is just for you! They are designed to be easilly edited by your favorite html editor, like MS FrontPage |
| Photoshop Tutorials - Learn how to build stunning web pages using Adobe Photoshop, Macromedia Flash MX and 3D Studio Max software. The step-by-step approach makes it so easy, that even beginners can produce great web pages. Get started with these tutorials covering everything from page layout to content tips. |
Free website templates and paid web templates are great tools to make your websites look perfect! You will save time and money with our flash templates and free website templates
Our visitors are satisfied with the quality of our free and paid website templates! Please visit our free website templates and paid website templates sections. We offer free web templates, free web layouts, free web page templates and other stuff for free download. All templates come with the html and external css file so you may easily edit HTML with your favorite HTML editor. Feel free to download our free web templates for your personal websites.
Terms of use depend upon the website template vendor. |
|
