Scribd
Upload
177 views

Flash To Html5 Adobe Professional Toolkit For Createjs Useful Links

The document provides links to resources for learning HTML5, JavaScript, and Canvas drawing. It lists JavaScript drawing tools like Canvas and Raphael for vector-based drawing. It also lists animation tools such as TweenLite and jQuery. Other animation and interactivity tools mentioned include Hype and Adobe Edge Animate. Information is provided on the Flash CS6 Professional Toolkit for CreateJS and the history of Adobe Wallaby. Links are included to documentation for EaselJS/CreateJS and a workflow for creating Flash animations in Illustrator then importing to Flash.

Uploaded by

Aahedi Blogspot
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
177 views

Flash To Html5 Adobe Professional Toolkit For Createjs Useful Links

The document provides links to resources for learning HTML5, JavaScript, and Canvas drawing. It lists JavaScript drawing tools like Canvas and Raphael for vector-based drawing. It also lists animation tools such as TweenLite and jQuery. Other animation and interactivity tools mentioned include Hype and Adobe Edge Animate. Information is provided on the Flash CS6 Professional Toolkit for CreateJS and the history of Adobe Wallaby. Links are included to documentation for EaselJS/CreateJS and a workflow for creating Flash animations in Illustrator then importing to Flash.

Uploaded by

Aahedi Blogspot
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

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

You might also like