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

Those dialogs are popped up when double clicking (or via right click menu) on an animation segment in the timeline widget.

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


Others Proposal