Detailed instructions for use are in the User's Guide.
Flash Samples
Trademarks 1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite, FlashPaper, Flash Video Encoder, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev, and WebHelp are either registered trademarks or trademarks of Macromedia, Inc. and may be registered in the United States or in other jurisdictions including internationally. Other product names, logos, designs, titles, words, or phrases mentioned within this publication may be trademarks, service marks, or trade names of Macromedia, Inc. or other entities and may be registered in certain jurisdictions including internationally. Third-Party Information This guide contains links to third-party websites that are not under the control of Macromedia, and Macromedia is not responsible for the content on any linked site. If you access a third-party website mentioned in this guide, then you do so at your own risk. Macromedia provides these links only as a convenience, and the inclusion of the link does not imply that Macromedia endorses or accepts any responsibility for the content on those third-party sites. Speech compression and decompression technology licensed from Nellymoser, Inc. (www.nellymoser.com). SorensonTM SparkTM video compression and decompression technology licensed from Sorenson Media, Inc. Opera ® browser Copyright © 1995-2002 Opera Software ASA and its suppliers. All rights reserved. Macromedia Flash 8 video is powered by On2 TrueMotion video technology. © 1992-2005 On2 Technologies, Inc. All Rights Reserved. http://www.on2.com. Visual SourceSafe is a registered trademark or trademark of Microsoft Corporation in the United States and/or other countries. Copyright © 2005 Macromedia, Inc. All rights reserved. This manual may not be copied, photocopied, reproduced, translated, or converted to any electronic or machine-readable form in whole or in part without written approval from Macromedia, Inc. Notwithstanding the foregoing, the owner or authorized user of a valid copy of the software with which this manual was provided may print out one copy of this manual from an electronic version of this manual for the sole purpose of such owner or authorized user learning to use such software, provided that no part of this manual may be printed out, reproduced, distributed, resold, or transmitted for any other purposes, including, without limitation, commercial purposes, such as selling copies of this documentation or providing paid-for support services. Acknowledgments Project Management: Sheila McGinn Writing: Jay Armstrong, Jen deHaan Managing Editor: Rosana Francescato Lead Editor: Lisa Stanziano Editing: Evelyn Eldridge, Mark Nigara, Lisa Stanziano, Anne Szabla Production Management: Patrice O'Neill, Kristin Conradi, Yuko Yagi Media Design and Production: Adam Barnett, Aaron Begley, Paul Benkman. John Francis, Geeta Karmarkar, Masayo Noda, Paul Rangel, Arena Reed, Mario Reynoso Special thanks to Jody Bleyle, Mary Burger, Lisa Friendly, Stephanie Gowin, Bonnie Loo, Mary Ann Walsh, Erick Vera, the beta testers, and the entire Flash and Flash Player engineering and QA teams. First Edition: September 2005 Macromedia, Inc. 601 Townsend St. San Francisco, CA 94103
Contents
Chapter 1: Graphics. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 Animated drop shadow . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 Animation and gradients . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Chapter 2: Accessibility . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11 Accessibility features . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11 Chapter 3: Masking. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Device font masking . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Scriptable masks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 Chapter 4: Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 Text sample . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 Multilingual content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 Chapter 5: Behaviors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 Photo scrapbook . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 Chapter 6: Components . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 Component application . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 Dial component sample . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 Login component sample . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 Tip calculator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21 Components jukebox. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22 Chapter 7: ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23 Custom Flash Player context menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Filters with ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Animation with ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The Tween class, the TransitionManager class, and progress bars . ActionScript data types. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Bitmap caching with ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24 24 25 25 26 26
3
Drawing with ActionScript. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27 ActionScript arrays example . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27 Interaction between the browser and Flash Player . . . . . . . . . . . . . . . . 28 Stage size control with ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28 Text loading with ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29 Formatted text with ActionScript. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29 FlashType sample . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29 Login sample . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30 String processing with ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30 Image manipulation with the BitmapData class . . . . . . . . . . . . . . . . . . . 31 Text field manipulation with ActionScript. . . . . . . . . . . . . . . . . . . . . . . . . 31 Photo gallery with tree navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 Photo gallery with thumbnails . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 File upload with the FileReference API . . . . . . . . . . . . . . . . . . . . . . . . . . 33 XML blog tracker . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33 XML language picker . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 XML menu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 Chapter 8: Data Integration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .35 News reader . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35 WebServiceConnector component . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36 Data integration XML sample . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36 Flash and PHP integration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37 Chapter 9: Extending Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .39 Shape command . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40 Get and set filters command . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40 PolyStar tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41 Trace Bitmap panel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41 Sample DLL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42 Chapter 10: Flash Lite . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .43 Two-way navigation sample . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 Four-way navigation sample . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 Input text field sample. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 Movie clip menu sample. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 Simple button menu sample . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 Soft keys example . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 Animated cartoon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46 Flash Lite news reader . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46 Strategy game . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
4
Contents
Introduction
Macromedia Flash Basic 8 and Macromedia Flash Professional 8 provide everything you need to create and deliver rich web content and powerful applications. Whether you're designing motion graphics or building datadriven applications, Flash has the tools necessary to produce great results and deliver the best user experience across multiple platforms and devices. The samples in this book are designed to introduce you to Flash. As you explore the samples, you will see many of the basic techniques used in creating Flash applications. For additional samples see www.macromedia.com/go/flash_samples.
This book is not a comprehensive manual that details all of the features of Flash. For in-depth information about how to use Flash, see Using Flash and Learning ActionScript 2.0 in Flash.
NO TE
5
6
Introduction
CHAPTER 1
Graphics
Graphics samples are provided when you install Macromedia Flash 8. This chapter contains a brief overview of each sample. This chapter contains the following sections:
Animated drop shadow. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 Animation and gradients. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
1
Animated drop shadow
This sample shows how to create a realistic-looking animated drop shadow by layering two instances of the same movie clip and adding a drop shadow filter to the lower layer. To re-create the process of constructing this sample, you first create the shadow effect for the dog by nesting the animation inside a movie clip. You then duplicate the movie clip instance and place it behind the original instance. (You can keep the duplicate on the same layer and arrange it behind the original instance, or paste it to a new layer below the original.) You then select the duplicate instance and, in the Filters tab of the Property inspector, select Drop Shadow from the Plus (+) menu. Next, adjust the strength level to around 45% and select Hide Object. This hides the movie clip object but reveals the drop shadow filter properties. You can make further adjustments by setting Quality to Low, Medium, or High, or modifying the amount of blur, the color, the angle, or the distance of the blur effect from the original graphic.
7
To prevent this effect from looking too much like a drop shadow against a flat wall behind the original object, you can use the Free Transform tool to skew the filtered movie clip instance. This technique takes a bit of trial and error. Squash and skew the instance until it looks as if the shadow is being cast upon a floor. (You may need to reposition the instance.) Test the movie clip, and you see the effect come to life. You can find the sample source files, drop_shadow_dog.fla and drop_shadow_monkey.fla, in the Samples folder on your hard disk.
In Windows, browse to boot ...
