ファイルアイコン
 
 

634

path animation

作成者 katkitty

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
>>>

...

もっと読む

Inkscape Extensions

サイズ
2.6 KB
作成済み
訂正
2
タイプ
application/zip
General Public License v2 (GPLv2)

リンク

Maren Hachmannさんがに投稿:

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?

Maren Hachmannさんがに投稿:

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

Maren Hachmannさんがに投稿:

(@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.)

katkittyさんがに投稿:

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.

Maren Hachmannさんがに投稿:

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 :)

Maren Hachmannさんがに投稿:

Btw. the 'Objects' dialog also lists all objects, it's going to be merged with Layers in Inkscape 1.2.

コメントするにはログインしてください!