SVG Animation UI

From Inkscape Wiki
Jump to navigation Jump to search

work in progress - ToF

User Interface ideas for SVG Animation

This page gathers some ideas to bind a decent UI to the SMIL animation features of SVG. The bias is toward time-based animation. I believe that frame-based animation can easily be layered on top of that, if one's considers a frame as a snapshot of the continuous animation at a particular point in time.

Timeline widget

Anim ui 01.png

Editing IPO curves

The idea is to make the edition of interpolation curves as similar as the edition of a standard path as done elsewhere in Inkscape. Some code reuse would be great too.

Ipo edit spline.png Ipo edit paced.png

Ipo edit linear.png Ipo edit discrete.png