Flash to HTML5 Adobe Professional Toolkit for CreateJS Useful Links

Learning JavaScript, HTML5 and Canvas

* * * *
http://iwa-hwg.eclasses.org/ http://www.lynda.com

JavaScript Drawing Tools

oCanvas (object-oriented drawing)
* * *
http://ocanvas.org/ http://raphaeljs.com/

Raphal (vector-based drawing)

JavaScript Animation Tools

swiffy extension for Flash Professional
* * *
https://www.google.com/doubleclick/studio/swiffy/exte nsion.html http://www.greensock.com/gsap-js/ http://jquery.com/

TweenLite for JavaScript

* *

jQuery

Animation/Interactivity Tools
* *

Hype
* *
http://tumult.com/hype/ http://html.adobe.com/edge/animate/

Adobe Edge Animate

Flash CS6 Professional Toolkit for CreateJS

*

located here:
*
http://www.adobe.com/products/flash/flash-tohtml5.html http://en.wikipedia.org/wiki/Adobe_Wallaby

* *

history
*

EaselJS/CreateJS documentation
1

http://www.createjs.com/ - documentation (e.g.: http://www.createjs.com/Docs/EaselJS/DisplayObject .html)

Illustrator Animation workflow

* * * * * * * * *

http://vector.tutsplus.com/tutorials/animation/createflash-animations-entirely-in-illustrator/ add starting and ending states to a layer blend with specified steps expand, ungroup release to layers promote sublayers (see http://forums.adobe.com/thread/287812) import into Flash as movieclip with layers = frames create svg file (export path from Flash as .fxg, open in Illustrator) use svg and JavaScript (in temp file) to generate xml data for frame-by-frame animation (e.g. output comma delimited data to screen, save as .txt, rename to .csv, open in Excel FOR WINDOWS, use .xsd to generate xml (see http://www.bitwizards.com/Blogs/BryanSoltis/November-2010/How-To-Export-an-Excel2010-Worksheet-to-XML)

Animation along path -workflow