Flash CS5 will export to HTML5 Canvas

Adobe is gearing up to release CS5 to the public, and during their presentation showed off a new tool that will export Flash animations into HTML5 Canvas.

Flash CS5 will allow for Flash developers to export their old and new animations directly into HTML5 Canvas code to paste onto their websites.  This will enable users with HTML5 supported browsers to experience Flash animations without the need for Flash installed.

With Microsoft’s Internet Explorer 9 in the works, supporting HTML5, all the top browsers now support the HTML5 Canvas code.  Developers will now be able to get their flash animations and websites to work on any browser, without the need for Flash to be installed.

Report a problem with article
Previous Story

What is Microsoft's Pink and is it destined to fail?

Next Story

Neowin Giveaway: HP Data Vault X510 2TB - Winners Announced

65 Comments

Commenting is disabled on this article.

adobe products are like mutating parasites - it hogs up resources and slow down every system or environment it is exportable to. no wonder steve jobs (despite himself being a pompous arse) hates them.

adobe: ok, Apple. We have done what you required.
Apple: maybe, but... we still need some evaluation on the HTML5 result your stuff generated. wait! we found that there are too much garbage and extra things that slow down our products.

several day after cs5 published:
On Neowin, we all see a news:
'Steve: apple rejects intermidiate generated HTML5 on their products'

Adobe: pi** you off, apple! @%£$\]

Um... This doesn't change the world as we know or does it change the need for Flash plugins.

The HTML5 canvas is just a freaking square region that can display content with VERY SIMPLE 2D Bitmap/Image scripting.

THe HTML5 canvas is mainly designed to host rendered content, with a tiny amount of bitmap level scripting.

So sure some simple sprite animation concepts can be exported to the HTML5 canvas, but traditional vector animations and video will not work unless you have a plugin that is doing background processing and shoving the FULL Flash vector/video content to the HTML5 canvas.

So for 99% of all the Flash content on the web, this won't work unless you have a Flash Plugin that might be rendering to the HTML5 canvas, which is basically letting HTML5 do the final image render in the browser and you are still running Flash script and letting the Flash plugin do the work.

I truly don't see how people think this will eliminate the Flash plugin. At BEST it will offer some simple animation developers to avoid Flash. The other 'maybe' would be if Adobe lets the Flash plugin render the output to the HTML5 canvas, but that isn't much of a gain, as the Flash plugin is still doing the processing/work/crashing...

thenetavenger said,

The HTML5 canvas is just a freaking square region that can display content with VERY SIMPLE 2D Bitmap/Image scripting.

http://techcrunch.com/2010/04/01/google-html5-quake/

Yes, because HTML5 has no chance for decent quality 3D graphics natively in the browser.

I agree that this particular exporter is just an alternative to a gif image and is basically worthless and 6 month old hype at best but your lack of knowledge for such a supreme rant is astounding.

You do know <canvas> is mainly a vector thing, right?

The Flash export would export and draw vector data, if it's rasterising things it's doing it wrong (or they have raster effects applied to them that can't be implemented efficiently)

still1 said,
its awesome but it is suicide for flash

Flash is used for 50% of the browser around the globe (including several portable browser and devices)
While html 5 is used by less than 1% of the browser.

Under the current trend, html 5 will reach flash in 50 years.

Magallanes said,

...
While html 5 is used by less than 1% of the browser.
...

The vast majority of browsers implement large parts of the HTML5 spec.

Even IE6 follows the parsing bits to a large extent.

Wierd...

Neowins here cheering the HTML 5 export but recently on here its seemed the majority have being against the forcing of Adobe away from Flash, really, strange.

joemagoe said,
Now the really important question: will "AdBlock Plus" be able deal with HTML5 advertisements?

if is inside a tagged div then yes.

This video is over 6 months old... this is nothing new and nothing special; the options are there to export traditional Flash based animations to gif and other standard animation formats.

This is hardly a change in tune and has no effect on the need for Flash in the long run. No decent developer used Flash for the simple animations that this supports.

There is massive disadvantage about this and it could be more headache for the web developers.

We know CSS2 render very bad in IE6 (IE7/IE8 is okish) than other browsers.

So what happen if HTML5 Canvas behave differently in IE9 than other browsers or all the browsers dont work the same way? I believe there going to be a lot hacking to make it work in all browers.. just like CSS2 hack for IE 6

Strike X said,
There is massive disadvantage about this and it could be more headache for the web developers.

We know CSS2 render very bad in IE6 (IE7/IE8 is okish) than other browsers.

So what happen if HTML5 Canvas behave differently in IE9 than other browsers or all the browsers dont work the same way? I believe there going to be a lot hacking to make it work in all browers.. just like CSS2 hack for IE 6

Right now most of what little of HTML5 that exists doesn't render the same in Firefox, Chrome, Safari, or Opera. The IE9 team is trying to address the inter-standards so that display consistency is defined. (Their dotted line or falling balls are two good examples of this on the IE9 test site.)

The standards now are not rendered the same in any browser, and none of the browsers properly handline HTML5 inter-standard mixing as the Falling Balls demonstrates where SVG object leave the pre-defined SVG render square, which they should be able to to be HTML5.

So far it seems the IE9 team is the one asking the questions and trying to get some standards down for the differences in how each standard specification is rendered. Right now I hope Google, Apple, Opera, Firefox take notice and work with these differences in the standards, because if they don't HTML5 isn't going to render the same for many specifications nor behave properly when cross standard elements are mixed on the page.

As for the previous browsers, HTML5 is moot and hopefully will put a nail in the coffin of the older IE6 and even IE8 technologies. IE9 is a glimpse of hope, as they are not only redefining how a browser should render and process content at a lower hardware level, but also should close the standards gaps once and for all.

Edited by thenetavenger, Apr 12 2010, 2:43am :

This is the smartest thing Adobe has done in recent history..

I wonder if this was always the plan, or if Apple has helped put them this way ?

I'm pretty sure this will only work for basic timeline animation, like you can already export to avi or gif now. Anything using a bit of Actionscript will probably still be .swf-only

icooo said,
I'm pretty sure this will only work for basic timeline animation, like you can already export to avi or gif now. Anything using a bit of Actionscript will probably still be .swf-only

That's where JavaScript comes into play.

Inklin said,
Cool news, Is the announcement tomorrow?

Will we as was the case n CS4 get access to the beta?

CS5 comes out on the Monday April 12.

M_Lyons10 said,

I thought YouTube was working on an HTML 5 version...

They are, seems to have quite a few problems at the moment, that is expected though.

Minimoose said,

They are, seems to have quite a few problems at the moment, that is expected though.

Firefox currently supports ogg media files only in the HTML5 video and audio tags. Not even mp3 is supported, which makes it pretty much useless for currently for HTML5 audio/video implementations.

M_Lyons10 said,

I thought YouTube was working on an HTML 5 version...

There is a HTML5 version but it requires the h264 codec which firefox doesn't include:(

wohoooo, this is great news hopefully developers will switch to canvas for ads once IE9 is released and just tell their users to upgrade to a new browser.

torrentthief said,
wohoooo, this is great news hopefully developers will switch to canvas for ads once IE9 is released and just tell their users to upgrade to a new browser.

but the developers of adds couldn't care less what browser they are using, as long as they get their ad money.

torrentthief said,
wohoooo, this is great news hopefully developers will switch to canvas for ads once IE9 is released and just tell their users to upgrade to a new browser.

I think ads will be the last thing to get updated personally... They don't want to lose any viewership of their unnecessary content... lol No one's going to update for an ad...

I dont use flash tools but Im guessing Adobe would make one of the best animations tools for HTML5. Microsoft's Blend should do the same.

Doli said,
I dont use flash tools but Im guessing Adobe would make one of the best animations tools for HTML5. Microsoft's Blend should do the same.

Yeah, it would be really great if Blend had functionality like this as well...

seta-san said,
adobe is trying to make it so that they can export flash to HTML5 so it will work on ipads and ipod touches

Yeah it is probably the reason, but the more devices that can view the content, the better for the developers.

seta-san said,
adobe is trying to make it so that they can export flash to HTML5 so it will work on ipads and ipod touches

Yes, because the home of HTML 5 is on an Apple device
/s

Great move by Adobe, at least developers can continue to code with Flash and release products that will be viewable without the need for a Flash plug in. I am loving it. Hopefully developers will convert their old flash animations to HTML5.

Kingv84 said,
Great move by Adobe, at least developers can continue to code with Flash and release products that will be viewable without the need for a Flash plug in. I am loving it. Hopefully developers will convert their old flash animations to HTML5.

Yeah, wouldn't that be nice. I wonder what users of older browsers see though...

I see Adobe is positioning flash more as a development tool as opposed to a platform lately (or both, I guess). Loving this

The Teej said,
I see Adobe is positioning flash more as a development tool as opposed to a platform lately (or both, I guess). Loving this
Agreed. Finally a smart move by them.

The Teej said,
I see Adobe is positioning flash more as a development tool as opposed to a platform lately (or both, I guess). Loving this

Indeed. Me too!

flash is a great tool for online design portfolios and executing style over a medium which is non-personal.

i think its even better that it will export to html5. more options = freedom

thealexweb said,
So this will save the Flash as a method of making animations but will help kill flash as a plugin.

Love your Netscape Navigator Icon. Brings back memories. Long Live Netscape!

thealexweb said,
So this will save the Flash as a method of making animations but will help kill flash as a plugin.

Exactly, but it's a win for them anyway: they earn nothing from Flash plugin, it's Flash CS they sell, so one product less to support (plugin), this could attract even more developers now.

Kingv84 said,

Love your Netscape Navigator Icon. Brings back memories. Long Live Netscape!

Thanks, Netscape will return one day, when AOL's Trident contract with Microsoft expires AOL will need a new browser.

thealexweb said,

Thanks, Netscape will return one day, when AOL's Trident contract with Microsoft expires AOL will need a new browser.


They could just get another Trident contract.

thealexweb said,
So this will save the Flash as a method of making animations but will help kill flash as a plugin.

Yeah, which is the best opportunity for Flash to succeed... It's much better as an animation tool than as a bloated plugin that everyone loves to hate. lol

thealexweb said,
So this will save the Flash as a method of making animations but will help kill flash as a plugin.

I agree. It will kill the Flash plug-in and, if you think about it, Adobe aren't making any money from the plug-in. However, they are making money from their Flash animation tool. By creating that one little tool to convert Flash animations to HTML5 animations, they have managed to keep their animation product safe from becoming obsolete. Instead of fighting with the future of web animation, they are going with it. It's just fantastic news!

Edited by Jebadiah, Apr 12 2010, 5:53am :

There's still an AOL browser? I thought the company had about 0.0001% of the market share and had all but left the ISP side of the market.

thealexweb said,

Why pay for that crap when they could base it off Firefox for free.

They already had a version of Netscape based off Firefox and it failed. Personally, I liked it; it came out with a nice skin during a time when most of the Firefox skins were gaudy like most Windowblinds themes. However, once the theme was ported to Firefox I just went back to Firefox.