Squid Infographic

[Leo Casado]

ActionScript experts—

I am new to this forum and beginner to Animate, but well familiarized with Photoshop and Illustrator. I am trying to create an animated version of an infographic (see image below) pulling geometry data from an external CSV file.

Is it possible to draw something simple like a circle, where the radius is pulled form an external file? If I can figure how to do that with some simple ActionScript commands for this initial circle, I can do everything else from the drawing below.

Anyone willing to lend a hand to get me started? A simple FLA file that I can use to study the ActionScript code would be most helpful.

Thanks!

Leo

[robdillon · Accepted solution]

There is a drawCircle method in Actionscript. Here's the reference: Graphics - Adobe ActionScript® 3 (AS3 ) API Reference . Scroll down to drawCircle in the methods section and then select drawCircle to get to the example.

Here's a tutorial on using each of the drawing methods: AS3 example Drawing graphics - EduTech Wiki

[Leo Casado]

Rob (and all),

Thank you for the answer, it got me closer to the solution. Work in progress here: http://www.autoedicion.com/squid/squid.html.

I ended up using the HTML 5 Canvas > Create JS API's code snippets, so I publish and view in Chrome without having the Flash player installed. My next problem to solve is the line width for a bezier curve. I know that this is possible in Javascript, but have not been able to do it in Animate CC with the CreateJS API's (cannot find any of the line width parameters to work.) Is it even possible?

Thank you in advance for your continuous help!

Leo Casado

[Leo Casado]

Thanks again, Rob! The project is finished (link.)

Leo

[robdillon]

That looks great, glad to see that you worked it out.