Inspiring

Question

Free Javascript for SVG frame by frame animation

7 replies
1363 views
Translate

Hello,

I have written a Javscript for frame by frame SVG Animation using artboards as frames.

It's free to use. It has a tutorial in English and German. And it comes with some examples. Have fun with it.

See

https://www.behance.net/gallery/124761797/Javascript-for-Illustrator-FrameByFrameSVGjsx

This topic is closed to new replies. Start a new post to keep the conversation going.

R

rdr4

Participant

The link is no longer working. Can we get a new one?

Translate

Parts4ArtsAuthor

Inspiring

The new version 1.7 is available (ZIP-Archive, 28.5 MByte).

What is new in the script?
1.7 Commands such as "pattern, symbol, linearGradient, radialGradient", which
have identical content in several frames, are written together in front of the frames
in order to obtain a smaller file.
1.6 The individual SVG files that the script saves are automatically deleted again by
the script if desired. You will find the settings from line 62 in the script.
1.5 Messages appear either in English or in German. No more language mix.

You can find more Javascripts at https://www.behance.net/jensulkriebel

Translate

m1b

Community Expert

Hi @Parts4Arts, thanks heaps for sharing your script. I've had a quick play with it and I love it. Very clever idea, too! 🙂

Will definitely make donation if I end up using in a job.

- Mark

Translate

Parts4ArtsAuthor

Inspiring

Hello Marks,

I'm glad, that you like the javascript. Please let me know, if you have a wish to make it even better. I will do a second version soon with some changes to make the svgs smaller.

Best regards, Jens.

Translate

m1b

Community Expert

That's great, Jens. I'll keep my eye out for the new version. My only first-off suggestions are to (1) add option to set the animation-iteration-count and (2) maybe also to cleanup the exported svg files afterwards so it only leaves the animated svg file.

Bringing the file size down is always a great idea. I noticed there was a huge file size difference in your sample files—between 35KB and 5.1MB. In my test I made a little character with body parts that were symbols. The file repeated the symbol definitions for each frame, so that would be an instant savings. I'm sure that's the sort of thing you had in mind.

Anyway, thanks again, very impressive idea!

- Mark

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.