Join Chris Converse for an in-depth discussion in this video Working with HTML5 Canvas code from Illustrator, part of Design the Web: From Illustrator to HTML5 Canvas.
…Now with our draw script extension installed…into illustrator, let's come back into the…exercise files, let's open up art files, and next let's open up star dot AI.…Now the way the draw script plugin works is…when I select artwork on the canvas, as I'm doing…here, the draw script panel will then dynamically generate code…that relates to the artwork that's selected on the stage.…The first drop down menu here gives me all of…the different languages that draw script can create content for.…We're going to focus here on java script canvas.…So, let's select java script canvas.…
Next, we have a generate button.…So, any time I make a change here I can click generate.…There's also a live check box here, which means that draw script…will continually update this panel based on artwork that's selected on the stage.…I'm going to check this, and leave this at 1.5 seconds,…so every second and a half, the artwork will be modified.…And then notice down here in the panel,…I have all of the Java script necessary to…generate an HTML5 canvas element directly inside of this plug-in.…
Skill Level Beginner
Q: I am on a MacBook Pro with Creative Cloud, and I am unable to open the Drawscript extension. How do I access it?
A: You may need to download the Extension Manager for Creative Cloud (listed in the app listing).