chr15m / svg-flipbook

SVG flipbook animation with layers

Home Page:https://svgflipbook.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tool to do flipbook-style SVG animation with layers in Inkscape and other SVG editors.

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

https://svgflipbook.com

License:Other


Languages

Language:Clojure 61.2%Language:CSS 17.4%Language:HTML 8.0%Language:Makefile 7.6%Language:C 2.4%Language:JavaScript 2.2%Language:Shell 1.2%