Home arrow Flash arrow Page 7 - Building Preloaders
FLASH

Building Preloaders


A preloader prevents a Flash movie from playing back until the movie can stream properly. Without a preloader, you may find that your movie tries to play frames that haven't been loaded yet, leading to unacceptable playback behavior. This article explains how to build a preloader. It is excerpted from chapter 20 of the Flash 8 Cookbook, written by Joey Lott (O'Reilly, 2006; ISBN: 0596102402). Copyright © 2006 O'Reilly Media, Inc. All rights reserved. Used with permission from the publisher. Available from booksellers or direct from O'Reilly Media.

Author Info:
By: O'Reilly Media
Rating: 5 stars5 stars5 stars5 stars5 stars / 16
February 22, 2007
TABLE OF CONTENTS:
  1. · Building Preloaders
  2. · 20.1 Determining How a Movie Will Download
  3. · 20.2 Building a Simple Preloader
  4. · 20.3 Building a Preloader that Displays Load Percentage
  5. · 20.4 Using a Progress Bar to Create a Graphical Preloader
  6. · 20.5 Creating Preloaders for Files with Exported Symbols
  7. · 20.6 Creating Preloaders for Files with Components

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Building Preloaders - 20.6 Creating Preloaders for Files with Components
(Page 7 of 7 )

Problem

Your movie contains components, and they prevent the preloader from appearing until the movie is almost entirely loaded.

Solution

Use the same principles as discussed in Recipe 20.5. Additionally, assign a frame other than 1 to the Export frame for classes field.

Discussion

Components are special movie clips. And by default they are set to export on the first frame. That means that in order to properly preload an SWF that uses components you must employ the same strategy as is discussed in Recipe 20.5. However, in addition to the challenges presented by exported movie clips, components present a new challenge. Unlike standard exported movie clips, components are composed not only of graphical elements, but they consist also of ActionScript code. That ActionScript code is placed in special structures called classes, and those classes can account for rather significant file size. For example, the Loader component is approximately 27KB, almost all of which is due to the code in classes.

Like exported movie clips, classes export on the first frame by default. That means that all the code in all the classes used by an SWF must download before the first frame can play back, during which time the the user waits at a blank screen for seconds or even minutes. However, it’s remarkably simple to adjust the export frame for the classes used by a Flash file:

  1. Open the Publish Settings by selecting File -> Publish Settings.
  2. Select the Flash tab.
  3. Click on the Settings button to the immediate right of the ActionScript version menu.
  4. Enter a frame number greater than 1 in the Export frame for classes field.
  5. Click OK.

In order for a component to properly work, you must make sure that the classes it requires are exported on a frame before the component is used.


DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

blog comments powered by Disqus
FLASH ARTICLES

- More Top Flash Game Tutorials
- Top Flash Game Tutorials
- Best Flash Photo Gallery Tutorials
- The Top Flash Tutorials for Menus
- 7 Great Flash Tutorials
- Adobe Creative Suite 5.5 Now Available
- Critical Flash Vulnerability Heats Up the Web
- More on Nonpersistent Client-Side Remote Sha...
- Nonpersistent Client-Side Remote Shared Obje...
- Using the Decorator Pattern for a Real Web S...
- Using Concrete Decorator Classes
- Delving More Deeply into the Decorator Patte...
- The Decorator Pattern in Action
- A Simple Decorator Pattern Example
- Decorator Pattern

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 10 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials