Flash Professional CC adds HTML5 Canvas Support

This post is more than 2 years old.

If you are a Creative Cloud subscriber, be sure to make note of the update to Flash Professional today. Despite being listed as a "Bug Fixes" update, this is actually a quite significant update as it now includes the ability to natively create HTML5 Canvas animations. This is done via the CreateJS library.

After updating Flash Pro, you will see the option right away in the opening dialog:

As a test, I wrote a quick and simple animation and then published it. The result - as expected - wasn't a SWF but HTML and JavaScript. You can see an example of the output here: http://www.raymondcamden.com/demos/2013/dec/3/Untitled-3.html. And of course, being HTML5 based, it works just fine in iOS:

For more information, check out the documentation and let me know what you think.

Raymond Camden's Picture

About Raymond Camden

Raymond is a senior developer evangelist for Adobe. He focuses on document services, JavaScript, and enterprise cat demos. If you like this article, please consider visiting my Amazon Wishlist or donating via PayPal to show your support. You can even buy me a coffee!

Lafayette, LA https://www.raymondcamden.com

Archived Comments

Comment 1 by Phillip Senn posted on 12/4/2013 at 2:36 AM

Hmmm... Canvas...

Comment 2 by Eman posted on 12/4/2013 at 8:22 PM

And how is that (animation overall) useful?

Comment 3 by Raymond Camden posted on 12/4/2013 at 8:33 PM

@Eman: What exactly are you asking? Why is canvas useful? Why is animation useful?

Comment 4 by Eman posted on 12/4/2013 at 8:46 PM

@Raymond Camden

I am asking how animation is useful, fundamentally? IMHO, I see it as another shot at Flash. Kind of "its different" and "its better" gimmik :)

Comment 5 by Raymond Camden posted on 12/4/2013 at 8:48 PM

"I am asking how animation is useful, fundamentally?"

Um, that's kind of a broad question. Animation has been useful, fun, etc, on the web, and elsewhere, for years. If you don't see the use of animation in general then I suppose that's that.

"IMHO, I see it as another shot at Flash."
Maybe. I don't see it that way. It's an alternative to SWF but using the same powerful IDE for creating the animation.

Comment 6 by Eman posted on 12/4/2013 at 8:53 PM

BTW All this was done in Flash years ago... Now, at mercy of corporations we are forced to "embrace" "innovation" which at best copies same ol stuff. Again, its IMHO. I am not trying to tell I know The Truth. But as a person I am simply tired of all these "new" "technologies" that simply perpetuate corporate profits under a new label.

Comment 7 by Eman posted on 12/4/2013 at 8:59 PM

Also, CS6 is the last Adobe license I own... No matter how "cool" creative cloud marketing speeches are I am not buying it. CS6 suites me well, does everything that I need. New version of IDE etc. does not make one more talented and creative.

If company wants me to use creative cloud they have to buy a license for me cause I am not going to buy it. Otherwise, there are other technologies that do not require a corporate trojan horse installed on your system. :)

Comment 8 by Raymond Camden posted on 12/4/2013 at 9:02 PM

@Eman: Ok, I'm truly confused. Are you upset about animation? About Flash? About Adobe?

Comment 9 by Eman posted on 12/4/2013 at 9:09 PM

I am not upset :) It's just my point of view, that's all. Please don't take it personally. Some people love Adobe for whatever reason, others do not for whatever reason. It's life. Marketing does not work every time on everyone ;)

Comment 10 by Raymond Camden posted on 12/4/2013 at 9:09 PM

I'm not taking it personally, I just couldn't tell exactly what upset you per se. I know CC isn't for everyone.

Comment 11 by Eman posted on 12/4/2013 at 9:15 PM

@Raymond Camden

"I know CC isn't for everyone.", Amen.

Raymond, thank you for all the work you do for the community.

Comment 12 by Brian Berry posted on 12/4/2013 at 11:45 PM

I'm glad adobe is adapting to new environments like HTML5 since I already know and love their flash IDE this is just icing on the cake.

Comment 13 by Raymond Camden posted on 12/4/2013 at 11:46 PM

Brian, have you seen html.adobe.com?

Comment 14 by Aladine posted on 12/7/2013 at 4:37 AM

Does this work for interactive content either ? or is it just for animations ?
and in case it does, what do you think about the performance ? is it possible to develop a game and published for HTML5 and having the same performance ?
thank you

Comment 15 by Raymond Camden posted on 12/7/2013 at 8:46 PM

@Aladine: I'm ashamed to admit - my Flash skills are weak. I don't know how to add interactivity. I'd assume it works, but I can't promise it. If you want to walk me through the basics of something, I can try, and of course, if you are a Creative Cloud member you can upgrade and try yourself. I'd love to hear what you find.

As for performance, looking at CreateJS in general (http://www.createjs.com/#!/..., it seems *very* impressive.

Comment 16 by Antonio posted on 12/8/2013 at 1:22 AM

Check out http://html5maker.com if you need to create HTML5 animation without the coding skills.

Comment 17 by Peter posted on 12/20/2013 at 8:04 PM

Today I made a pentagon.

Comment 18 by MrBao posted on 1/11/2014 at 11:21 AM

I want to ask for the final step. I want to build an application runing on ios. What do I do?

Comment 19 by Raymond Camden posted on 1/11/2014 at 6:59 PM

You don't have to do anything to get HTML to run on iOS - just open up mobile Safari. But if you really want an app, check out PhoneGap.

Comment 20 by Randy Miller posted on 1/21/2014 at 9:17 PM

I think what people are complaining about is that AS2 and Flash was doing stuff 10 years ago which is now the hot thing for HTML5/JS/CSS now. All the development toward AS3 just got kicked to the side which was a big let down. AS3 was revolutionary and now everyone is expected to go back a decade for the sake of APPLEs new standards of post-Flash vision.

Finally, I have succombed to the Apple world simply because Windows 8 has been such a farce and many companies are actually standardizing on iOS infrastructure for the first time ever. The reality is that we went back a decade for animation to get access to App stores which is the future of publishing.

Comment 21 by Brian Berry posted on 1/21/2014 at 9:35 PM

Well in my opinion flash will still be the platform of choice for video chat until somebody implements streaming AV to/from common media servers is implemented in HTML/HTML5 video object. I wrote a book about how to achieve video chat with flash as the presenter and the websites front end using HTML5 and Node.js.

Comment 22 by norris posted on 3/31/2014 at 2:59 PM

I was wondering if you could help me I can quite easily create a HTML file canvas animation however I am battling to find some information on how I can place it into a specific allocated area inside one of my webpages. there is a ton of information about there about how to create these HTML canvas animations that nothing
how to place the code into a webpage that has already got other content on it.


Comment 23 by Raymond Camden posted on 3/31/2014 at 3:23 PM

I'm confused - you are asking how to use the result?

Comment 24 by Brian Berry posted on 3/31/2014 at 4:59 PM

He just wants to position the canvas with CSS <canvas>style = position:absolute; left:200px; top:100px;</canvas>

Comment 25 by Brian Berry posted on 3/31/2014 at 5:00 PM


He just wants to position the canvas with CSS <canvasstyle = position:absolute; left:200px; top:100px>;</canvas>

Comment 26 by Raymond Camden posted on 3/31/2014 at 6:07 PM

Ah cool - thanks Brian.

Comment 27 by Sunit posted on 10/6/2015 at 7:01 AM

i made an animation with sound effects. However animation is playing but sound doesn't play.

Comment 28 (In reply to #27) by Raymond Camden posted on 10/6/2015 at 5:58 PM

Best I can suggest is using the Adobe support forums.