Forums > Javascript

jsui and canvas made a bit easier….

Jun 25 2012 | 6:18 pm

If you use Adobe Illustrator, you may find this plugin really handy:
It converts ai graphics into canvas graphics. This way you can layout something in illustrator, convert it into canvas commands, put it in JSUI, and maybe add a bit of logic in Max.

Jun 26 2012 | 10:45 am

thanks peter, this is completely brilliant. i had no idea it existed.
(it would be great if it went the other way, too!)

Jun 26 2012 | 8:40 pm

There is probably something to convert canvas to SVG, and you could possibly bring that into AI. Just use the google!
In finding this, I went on a tangent, and ended up using kineticJS in a browser. I was able to get a similar workflow going by exporting my graphics to SVG, and putting the data into the kineticJS code. I simply modified this example:
to get what I wanted. Which I suppose I have to wait to share :( The only real mod I had to make was to be able to click on a thing and have it hold its color (i.e., ignore mouseout).
Getting the data from the KineticJS clickmap in the browser is pretty easy, thanks to this great example from Oli Larkin:


Viewing 3 posts - 1 through 3 (of 3 total)

Forums > Javascript