Drawscript - turn Illustrator shapes into code

Btw, I have posted several tutorials on my blog on how to begin with Drawscript together with different environments:

• Illustrator to iOS, CoreGraphics and Xcode
• Illustrator to C++/OpenFrameworks
• Illustrator to Javascript/HTML5 Canvas
• Illustrator to CreateJS
• Illustrator to ActionScript 3
• Using gradients

Hey Tom,

I am not using this to it's full potential admittedly, but I am finding it VERY useful.

Drawing in iOS/Core Graphics is new to me but using Illustrator isn't, so I am  using your extension to translate skills between between one 'language' and the other.

Its proven to be a quick way to learn how to use core graphics drawing API - using live example code :-)

Thank you !

Darren.

Hi Tom,

I am seeing an issue where my final point (closing the shape) is not a BezierCurveTo where I would expect it (it gets rendered as a straight anchor point instead of a curved one -- bottom image).

I was able to get around this by making my curve points in the middle of the set, rather than the opening/closing point.

I'm looking forward to seeing this tool grow! Thanks for making it.

I am unable to get generate Javascript code.
Is there an issue with the generator and javascript?

Hi,

Will this support Illustrator CS6 masks, too? If so, this could prove very useful over the long run.

Thanks,

Patrick

Tried it on a few old illustrator files of mine and noticed that 'Javacript Canvas' often seems to have problems.

• Selected all objects: no output in Javascript Canvas window
• Selected one brush stroke: no output. Selected another brush stroke made with the same brush: output
• Selected a region: no output. Selected another region of strokes/objects: output
• Shapes seem to work fine so I converted all brush strokes to fills: no output or it makes illustrator freeze with the 'rainbow' cursor
• Drew 50 standard shapes like rectangles, circles, stars, selected them all: output
• Drew 50 brush strokes all made with the same brush: no output
• Converted those 50 brush strokes to fills as it seemed to have less problems with shapes: still no output

Other languages seem to have less problems, though sometimes it takes a while looking at the rainbow cursor. Standard shapes work the best and fastest. More complicated objects like brushes seem to give them more problems. For other languages it takes a while for them to give output. Javascript Canvas often don't give output on brush strokes at all. Also not when converting them to fills.

All things which are still worked on when the final version comes out?

Looks really nice. There are various other methods floating around for some of the individual options, but nice idea to have it all in one output process from within Illustrator. Makes for a much cleaner approach, good work.

I didn't find what versions of Illustrator this works with? Is this only for CS6? It failed to install on CS5.5 for me.

Is this another case of:

if (installedSoftware < CS6 || installedSoftware != Cloud) {
    abandonWare = true;
}

If so, then it seems quite odd since its just accessing and gathering path data why couldn't it then work in other versions other than CS6? Or am I mistaken that it does indeed work in other versions?

Any plans on adding support for After Effects keyframe and mask data or at least a raw export that outputs the positions as 3 component arrays [X,Y,Z]? This would make a nice workflow with that program... Gonna give this a whirl later today or on the weekend....

Mylenium