Converting ActionScript 3 FLA’s to HTML5 canvas FLA’s in Flash Pro CC

Flash Pro CC  – 13.1.0.217 update(read about it here) has added a new document type called ‘HTML5 Canvas’,as the name suggests this is document type you have to use to publish content from Flash Pro to HTML and Javascript.From this update there will be no ‘Toolkit For Create JS’ extension in Flash Pro and thus you cannot use Action-script documents(like Actionscript 3.0,AIR for Desktop etc..) to publish to HTML and J.S,you have to either create content in new ‘HTML5 Canvas’ fla or convert assets from AS3 FLA to HTML5 Canvas FLA.

How do you convert assets from Action script 3.0 FLA to HTML5 Canvas FLA ?Worry not its quite easy

How to avoid ‘out of memory’ javascript error on publishing HTML5 Canvas doc in Flash Pro CC

While publishing  content  from HTML5 Canvas doc containing symbols/shape with heavy vector art ,Flash seems to throw out of memory JavaScript error like in the image below.

JS-Linter,a static javascript analysis extension for HTML5 Canvas documents in Flash Pro CC

Frustrated when the published content from HTML5 Canvas document appears blank in browser because of a missed brace , undefined object or a error in your timeline javascript ? Worry no more JSLinter is here to help.

Download extension here

Flash Pro CC updated to 13.1,adds native support for HTML5 Canvas export

The latest update Flash Pro i.e. Flash Pro 13.1.0.217 adds native support for exporting content created in Flash Pro to HTML5.You can author rich interactive content in Flash Pro for HTML5 in the newly added document type called  ‘HTML5 Canvas‘ .The  HTML and J.S. published from this ‘HTML Canvas’ document uses the latest ‘Create Js’ suite of open-source javascript libraries for rendering on canvas in a browser.You learn more about the ‘Html Canvas’ document here

What is this ‘HTML Canvas’ document in Flash Pro CC 13.1?

One of the major updates that hits you as soon you launch Flash Pro CC 13.1  is the newly added  ‘HTML Canvas‘ doc type .In this post we will see just what is this newly added  ‘HTML Canvas‘ doc type  and how is this different from the other legacy AS3 document types.