I have been thinking a lot lately about making an interactive by creating imagery in Adobe Illustrator and exporting it to a HTML 5 canvas tag. Then using JavaScript to add functionality. And I finally had some time to download and try out the Plug-ins! Check it out!
It may look like ‘just an image’ but it is not. If you right-click ‘inspect element’ you will see it is a canvas tag. If you look in the head tag you will see the javascript used to draw the element on the page. 😀 I pretty excited. Nothing moves yet so it is pretty boring, but this is the beginning to wonderful interactive anatomical adventures! Once I figure out how each layer and each object is labeled, it should be pretty straight forward to add functionality.
One is provided by adobe, but the one I just used is by visitmix.com. When you scale the page ( ‘Command’/’Ctrl’ + ‘+’) the image does not scale with it. The Adobe Plug in is supposed to export images that scale.
I will keep you updated as I get more time to implement the other plug in, and as I get to add some functionality. But in the mean time feel free to check out the plug-ins:
( And in case you haven’t noticed, I have a nice reference page building up)