Difference between revisions of "SVG Animation UI"
Jump to navigation
Jump to search
JadeMatrix (talk | contribs) |
|||
| (6 intermediate revisions by 3 users not shown) | |||
| Line 4: | Line 4: | ||
This page gathers some ideas to bind a decent UI to the [[SVG_Animation|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. | This page gathers some ideas to bind a decent UI to the [[SVG_Animation|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 === | |||
[[Image:anim_ui_01.png]] | [[Image: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. | |||
[[Image:ipo_edit_spline.png]] [[Image:ipo_edit_paced.png]] | |||
[[Image:ipo_edit_linear.png]] [[Image:ipo_edit_discrete.png]] | |||
== Others Proposal == | |||
* [[SVG_Animation_MockupUI|Mockup UI Animation Proposal - ValessioBrito]] | |||
* [http://andy.brisgeek.com/archives/39 Andy Fitzsimon - Mockscape] | |||
* [http://www-user.uni-bremen.de/~felwert/inkscape/Animation01.html Animation with Inkscape – A fictitious tutorial] | |||
* [http://blogs.kiyut.com/tonny/2007/12/06/svg-animation-editor-feedback/ SVG Animation Editor Feedback ?] | |||
* Layers extension mockup on the [[SpecSVGAnimation]] page. (We need a single page for mockups - linking between the various wikipages is tiresome and awkward.) | |||
Latest revision as of 04:13, 8 February 2009
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
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.
Others Proposal
- Mockup UI Animation Proposal - ValessioBrito
- Andy Fitzsimon - Mockscape
- Animation with Inkscape – A fictitious tutorial
- SVG Animation Editor Feedback ?
- Layers extension mockup on the SpecSVGAnimation page. (We need a single page for mockups - linking between the various wikipages is tiresome and awkward.)