Skip to content

albertheres/svg-animation-assistant

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

SVG flipbook animation with layers

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Clojure 63.5%
  • CSS 17.4%
  • Makefile 8.4%
  • HTML 4.2%
  • C 2.7%
  • JavaScript 2.4%
  • Shell 1.4%