�ݺ�ߣ

Flash Sharing Lesson 2Flash Development GuideBy Stanley Fok

We will talk about��Flash Development Environment SetupFlash Programming ModelOOP in FlashFlash Programming Best Practice

Flash Development Environment Setup

FlashDevelopA famous open source ActionScript EditorUseful Features Include: Code hintsCode completionCode generationCode searchingFeature Tour: http://www.flashdevelop.org/wikidocs/index.php?title=Features:Interface

FlashTracerFlash tracer is a firefox extension which enables you to see all the output generated by any running flash swf movies in browserDownload:http://www.sephiroth.it/firefox/flashtracer/

FlashTracer ConfigurationInstall Flash Debug Playerhttp://www.adobe.com/support/flashplayer/downloads.htmlflashlog.txt pathWindows XP: C:\Documents and Settings\{user}\Application Data\Macromedia\Flash Player\Logs\flashlog.txtWindows Vista: C:\Users\{user}\AppData\Roaming\Macromedia\Flash Player\Logs\flashlog.txtLinux: home/username/.macromedia/Flash_Player/Logs/flashlog.txtOSX: /Users/{username}/Library/Preferences/Macromedia/Flash Player/Logs/flashlog.txt

Firebug & HttpWatchUseful to trace Request and Response between Flash Movie and ServerFirebug (only Firefox): http://getfirebug.com/HttpWatch (IE and Firefox): http://www.httpwatch.com/

Program Entry PointFlash is an event-driven programNo specific program entry pointUnlike java / C, there is no ��main function�� as the entry point and main loopCode logic is usually triggered by:Event handlerTimelineUI Class constructor

Application ArchitectureCode LogicActionScriptUI DefinitionFLA fileServer ResponseXML / JSONControllerModelView

Class StructureFlash Display ComponentsMovieClip, Sprit, ��Other Flash Core LibrariesAS3 Core LibrariesExtendsImports / ExtendsUI ClassesHelper ClassesData ClassesApplication Libraries

UI ClassTell the UI how to ��react�� with different eventsUI ClassConstructorthis.addEventListener(MouseEvent.Click, this. handleMouseClick);Event Handlersprivate function handleMouseClick(��) {}UI Class Pattern

Helper ClassImplements reusable methods / business logic which can be shared within the application / across projects, e.g.String OperationServer CommunicationSound ManagerUsually implemented as static class

Data ClassTo define the variables and methods of a data object, e.g.A user has attributes:namegenderphotoPathAnd methods:save();logOut();

Comparing AS3.0 and Javahttp://flexblog.faratasystems.com/?p=115

Demo TimeCreating Our First OOP Flash Application

Steps to FollowFlashDevelop SetupFlash Movie SetupDefine UI TreeWrite the ClassesLink the Classes with UICompile!

The UI and Class Structure in this demoStageiconWheelMcClass: IconWheelinfoMciconContainerMcClass: IconContainerDynamic attachcoverMciconMciconMcClass: IconiconMc

Flash Programming Best PracticeRules to speed up development

Flash��s Common ProblemsNo standard programming framework Long compile timeLong debug timeInvolves many people within the projectFrequently changing requirement from client

Rule #1Extract platform dependent config into XML files

Aim: Make application more portablePlatform Dependent Variables, such ashost name, API URLshould not be hardcoded inside ActionScriptThe Flash Application should be able to port onto any platform without compilation

Rule #2Identify and extract frequently changing variables to XML

Aim: Speed up debugging timeFrequently changing variables:Visual effect parametersWarning messagesCompilation is not needed during testProvide room for designer to adjust visual effect without editing ActionScript

Rule #3ActionScript should be extracted out from .FLA files and write into .AS files

Aim: To let programmer and designer work in parallelIn the timeline of FLA, only allow:Timeline control function,play(), stop(), gotoAndPlay(), etcTriggering functions defined in .AS files

Rule #4Ensure Flash App is able to run in Flash IDE already / in local drive

Aim: Speed up debugging timeDo not need to copy the complied .SWF files to server and reload browser to debug every timeCan be achieve by:Not using relative path for API or other assets:Do: http://www.abc.com/php/getData.phpDo not: /php/getData.php

Flash Player ��Global Security Setting��Allow the application access data from other domain when testing in local drive http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html

Rule #5Ensure subsections SWF able to run independently

Aim: Speed up debugging timeMore concentrate on debugging a Flash sectionHomeSection 1Section 2Section 1aDebug entry point

Rule #6Plan well the UI structure before development

Aim: Leave room for designer to add timeline effectMake UI Class independent of UI structureStageiconWheelMcStageinfoMciconContainerMccoverMcinfoMciconContainerMccoverMcNot modulizedModulized

Rule #7Avoid using parent, root

Aim: Make UI Code independent of UI structureUI Structure will be usually changed during integration phaseWhen the Flash become very complex, you will see horrible code like:parent.parent.parent.parent�� Please avoid it!!!Avoid traversing the UI tree when accessing objects in other .SWF fileTry singleton or global variable (by static class variable)

The ��Root�� reference issueIf start from home.swf ��In AS 2.0��home.swfRootIf start from section1a.swf ��section1a.swfsection1.swfsection2.swfRootsection1a.swf

The ��Root�� reference issueIf start from home.swf ��In AS 3.0��home.swfStageRootIf start from section1a.swf ��section1a.swfRootsection1.swfsection2.swfStageRootRootsection1a.swfRoot

What��s coming��Visual Effect Programming Skills

�ݺ�ߣ

Flash Development Guide

Recommended

More Related Content

What's hot (20)

Similar to Flash Development Guide (20)

Recently uploaded (20)

Flash Development Guide

Editor's Notes