Skip to content
SVG flipbook animation with layers
Clojure CSS Makefile HTML C JavaScript Shell
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app-src
launcher-src
screens
test-svgs
.gitignore
COPYING
Makefile
README.md
try.png

README.md

Tool to do flipbook-style SVG animation with layers.

Try it out online

SVG Animation Assistant interface showing Inkscape and a walk cycle animation

This tool will cycle through the layers of your SVG allowing you to do basic flip-book style animation. Each layer in your SVG is one frame of the animation.

The animation live-reloads in the assistant window whenever you hit save in Inkscape.

SVG Animation Assistant interface showing live reloading

Customise the frame time and behaviour by editing the layer name:

Inkscape layers UI with customisation

  • Set the number of milliseconds to pause on each frame by entering a number in brackets in the layer name like (100) for a pause of 1/10th of a second.
  • Add static background frames by putting (static) in the layer name.
You can’t perform that action at this time.