Mike Swanson: Adobe Illustrator to HTML5 Canvas - Under the Hood
- Posted: Oct 12, 2010 at 12:59 PM
- 40,403 Views
- 3 Comments
The Ai->Canvas plug-in enables Adobe® Illustrator® to export vector and bitmap artwork directly to an HTML5 canvas element that can be rendered in a canvas-enabled browser. The plug-in provides drawing, animation and coding options such as events so that you can build interactive, well-designed canvas-based web apps. The purpose of Ai->Canvas is to accelerate your HTML5 canvas development. The HTML and JavaScript that it exports is meant to be copied into your own application and extended. Learn how to subscribe to built-in events, determine if a shape has been clicked, and debug the exported code.
Here, Ai->Canvas creator, Mike Swanson, spends some quality time with me digging into the details inside and behind this very useful tool. We cover many areas including, but not limited to, the plug-in's architecture, performance characteristics, design decisions, native code to JavaScript conversion tactics and implementation, etc. Mike spends most of his time where a Going Deep guest must: at the whiteboard. He also demos his latest conversion technology and I must say, it is really impressive. Mike is a great engineer.
You can jump right into the rabbit hole with us here.
Tune in.
Enjoy. Learn.
Comments Closed
Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation,
please create a new thread in our Forums,
or
Contact Us and let us know.
More episodes in this show
-
Landy Wang - Windows Memory Manager
-
Mike Swanson: Adobe Illustrator to HTML5 Canvas -…
-
Stephen Toub: Task-Based Asynchrony with Async
Follow the Discussion
Oops, something didn't work.
What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in. You need to be signed in to Channel 9 to use this feature.What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in and view them all on your notifications page.sign up for email notifications?
Great post I salute you... opens up a great new approach with the plugin and the video explains clearly how it's glued together.
Nice work Mike. This could come in very handy, even educational.
Awesome! Very impressive work and very helpful in understanding the basics of animation. Thanks for putting this together!
Remove this comment
Remove this thread
close