Workflow Refactoring

Kevin CaoFlash Designer, DeveloperCreative Technologist

Workﬂow Refactoring Flash Design + Develop

Overview•  Principle•  Design in Flash•  Export Assets for Development•  Develop in FDT•  Conclusion

Workflow Refactoring•  Workflow•  Workflow•  Workflow•  Agile TDD…

Principle• • • • • 

Project Folder Structure/bin/build Antbuild.xml/ﬂa Flash/lib SWC/src ActionScript

Design in Flash•  Animation•  Visual asset•  Component skin

Design in Flash Don’t do that.

Design in Flash• •  dispatchEvent(new Event(Event.COMPLETE));

Export Assets for Development•  Export as SWF•  Export as SWC

Export Assets for Development

Use SWF

SWC•  SWC MC Graphic Sound… ActionScript•  SWC•  Flash Flex/FDT SWC•  SWC SWF

Export SWC in Flash SWC SWF

Use SWC

SWF vs. SWCSWF SWC

Best Practice for Exporting Assets•  SWF assets•  S Symbol ActionScript Flash

Develop in FDT•  API•  Component•  Model/Service•  Page/View•  Mediator•  Debug•  Testing

Why using FDT ?• • • • •  Debug & Proﬁler•  Ant

Debug & Proﬁler• • 

Testing ActionScript

Conclusion•  The Good•  The Bad•  Solution•  Examples

The Good• •  FDT•  mxmlc• • • • 

The Bad• 

The Solution• •  Flash IDE•  JSFL ANT• 

Example #1SimpleButton ?MCButton ?

Example #1Guideline / Standard

Example #1Component More Information: http://github.com/kyoji2/KafeComponent

Example #2Design dispatchEvent(new AnimationEvent(AnimationEvent.IN_START)); dispatchEvent(new AnimationEvent(AnimationEvent.IN)); dispatchEvent(new AnimationEvent(AnimationEvent.OUT_START)); dispatchEvent(new AnimationEvent(AnimationEvent.OUT));

Example #2Develop var myStandardInOut:StandardInOut = new StandardInOut(myMovieClip); myStandardInOut.addEventListener(AnimationEvent.IN, _onAnimateIn_handler); myStandardInOut.animateIn(); function _onAnimateIn_handler($evt:AnimationEvent) { trace(“In Animation Complete”); } More Information: http://www.bigspaceship.com/blog/labs/bss-actionscript-the-display-package https://github.com/bigspaceship/as3

Demo…

Questions?

More on Gaia + RL•  http://kevincao.com/2010/09/robotgaia-update/•  http://kevincao.com/2010/03/workﬂow-further-thought/

Thank You ! Kevin Cao (@kyoji2) http://kevincao.com kevin@kevincao.com

http://kevincao.com	866
http://static.slidesharecdn.com	3
http://translate.googleusercontent.com	2
http://xianguo.com	2
http://cache.baidu.com	1
http://webcache.googleusercontent.com	1

Workflow Refactoring

by Kevin Cao on Dec 24, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

6 Embeds 875

Statistics

Workflow Refactoring — Presentation Transcript