|
In frame 1 type the following code: First off, create a new actionscript 2 file, set the framerate to 30 and rename the first layer ?loader?. Create two new layers, one called actions the other called frames.
16. Flash Preloader 25. Preloader Design We will be developing this Flash MX file: loader.fla (35kb).
Maa Graphics Services Maa Graphics Services 37. Flash Getting Started Creating Animated Professional Looking Preloader in Flash MX 2004 Tutorial
In this tutorial you will learn how to create a preloader that will return a percentage. This percentage can then be used for things such as a preloader bar. Preloaders that work out percentages are important because they give the users of your site feedback of how much of your flash content is loaded. For this tutorial I expect you to have a basic knowledge of flash and can navigate around freely within the flash interface. I also expect you to have a basic actionscripting knowledge and be able to understand the basic scripts in this tutorial. This tutorial has been writen for use in Flash MX, it takes advantage of some of the added features including text box instance names. If you don't have mx, remember to use the textVariable property instead of the instance name. NOTE: The preloader will display only when the animation takes some time to load. This happens only when you download the flash animation over the internet connection and only for the first time. When you view the file locally (for example when you press "Play Animation") the preloader doesn't appear because the animation loads at once, and the preloader has no chance to start showing the progress. The fla I made available [coming soon in the flash downloads section] has an added Scene that I did not tell you to add. This Scene Was added to allow for the movie to load. Otherwise it would load to quick and not have been able to view when tested. I placed a few Images and text in the Second scene to add to the size of the file. After adding a new scene with some images the next thing to do is Test the Movie. When testing the Movie, Go to View > Show Streaming. this Starts the movie over and simulates the movie loading as if it were being downloaded. Generally to make A Flash Movie or a so called flash site you need to have knowledge in the most basic parts such as interface design, symbols, and the most important part, the preloaders. Create a new document in Flash. Select Modify > Document (shortcut key: Ctrl+J ). Select white as background color and click ok. The next step is to insert 2 blank keyframes at the start of the timeline (before any of the 'main' movie frames are visible. Next, add two more layers to the timeline. One of these is for the preloader actions (the scripting) and the other is for the percentage display. In the Percentage layer, put a text field. Make this editable by clicking on the 'ab|' button in the tool palette. Then edit the properties of the text field, using the settings shown below, giving it the name 'Percentage'. Note that I've only included font outlines for numbers and the % symbol, because that's all we need. You might also want to un-check the 'Draw border and background' option. Create a dynamic text box above the preloader line and give it a var name of: "loadpercent". (case sensitive no quotes) In this tutorial you will learn how to create a preloader that will return a percentage. This percentage can then be used for things such as a preloader bar. Preloaders that work out percentages are important because they give the users of your site feedback of how much of your flash content is loaded. For this tutorial I expect you to have a basic knowledge of flash and can navigate around freely within the flash interface. I also expect you to have a basic actionscripting knowledge and be able to understand the basic scripts in this tutorial. This tutorial has been writen for use in Flash MX, it takes advantage of some of the added features including text box instance names. If you don't have mx, remember to use the textVariable property instead of the instance name. In flash, go to modify>>scenes. Click on the plus sign, or the new scene button. Rename the scenes preloader and scene. Making a preloader is a common topic for tutorials, but here's a new twist: download rate/remaining time. It'll look something like this: This tutorial demonstrates how to create a percentage preloder for .jpeg file loaded in your movie from an externally .jpeg file. Line 2: TOTAL = Math.round(getBytesTotal()); Finds the total file size in Bytes and rounds this number off into a whole number .
67. Preloaders
|
| w___ww_.j_ava2__s_.com__ | Contact Us |
| Copyright 2009 - 12 Demo Source and Support. All rights reserved. |
| All other trademarks are property of their respective owners. |