Create svg path animation from frames.
A path can be animated as follows:
<path d="{orignal frame}">
<animate attributeName="d" attributeType="XML" begin="0s" dur="0.73" repeatCount="2" values="{frame1};{frame2}[;{framen}]">
</path>
Most browsers will draw the path, then animate it, interpolating between the paths in the animate values list.
Some i-phone browsers do not animate. Grrr.
To use:
Place each frame of the animation in a layer named 'frame{n}'.
Each of these layers should have the same number of paths,
and each path should have the same number of points as the corresponding
path in other layers.
The animation is applied to the paths in the first layer in the sequence, so the
properties of that layer are used.
Animations with different numbers of frames can be put into different sequences,
named 'sequence{n}', using sub-groups:
Layers:
> not_animated_layer1
> sequence1
>> frame1
>>> path1a
>>> path2a
>> frame5
>>> path1b
>>>
Hi! Is this licensed LGPL or GPL? The text in the Python file says it's GPLv2 or higher.
Please fix the license either here or at GitHub. Thank you!
How are the paths mapped to each other? Is it the z-order in each layer?
For those who try this:
1. the bottom-most layer in a sequence needs to be set to 'visible', all other layers in a sequence can be removed or set to invisible after the extension has been applied and the file was saved.
2. there is no morphing, unless the types of all path segments match between frames (Bézier, line)
3. color changes are ignored, only path data is taken into account
4. this uses SMIL animations
(@katkitty: Could you make it ignore numbers appended after the frame string? It's super difficult to keep track of layers when they all have the same name.)
Thanks for the interest. It should now ignore frame or sequence numbering. And the license here is declared GPLv2.
The z-order of paths in each frame is important, it is how they are mapped to each other. Use XML Editor to see and change the order of the paths. Note that in the XML Editor the top-most frame is the first in the sequence, where in the Layers view it is the lowest layer.
Hey, katkitty! Thank you very much! Honestly, I hadn't expected such a swift reply! I'm going to give a talk about Inkscape next weekend, and that's where I'm going to mention your extension, too :)
Btw. the 'Objects' dialog also lists all objects, it's going to be merged with Layers in Inkscape 1.2.