Forums > Javascript

jsui and canvas made a bit easier….

June 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.

June 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!)

June 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