October 09, 2009
Sneak peek: Illustrator + Flash + Dreamweaver -> CANVAS
Check out this demo of Illustrator handing vector art to Dreamweaver, and DW binding the artwork to data so that it can be displayed via the HTML5 CANVAS tag:
Mordy Golding summarizes the demo as follows:
[The engineer] starts by taking art drawn in Illustrator and copies it to the clipboard. Then he goes into Dreamweaver, selects a DIV and chooses a function called Smart Paste. Dreamweaver then pastes an FXG conversion of the Illustrator art directly into the page. If you aren’t familiar with FXG, it’s basically a better SVG* (you can get more information on the open source FXG spec here). In other words, you draw in Illustrator, copy and paste into Dreamweaver (which converts it to code), and the art displays as vector art in a web browser. What’s more, the engineer proceeded to actually bind XML data to the chart.
After that, the presenter copies an animation in Flash Professional as XML, then pastes it in DW as a CANVAS animation.
It’s kind of funny to see this demo now, as Illustrator could export XML vector graphics (SVG) to the Web some 10 years ago. Later people made various efforts to display & manipulate SVG using Flash. This new demo uses different tools & a different display engine to do similar things.
I think this is a key point: Adobe makes money selling tools, not distributing viewing software. Those tools must address customer needs. If Flash Player is the right choice for some projects & HTML/CANVAS for others, no problem: we get paid to help you solve problems, not to force one implementation vs. another.
* I have no idea whether FXG is “better” than SVG overall & don’t want to get into a debate on that subject. FXG is based on SVG but maps more closely to the Flash drawing model.