Title of the slide: "Path deformation"
It is an example for path deformation with animation objects.
Information on #AnimatedDuck
A simple duck image.
-
The object is labelled by:
"
<animate attributeName="d"
from="M 20 100 c 40 48 120 -32 160 -6 c 0 0 5 4 10 -3 c..."
to="M 20 100 c 40 48 120 -32 160 -6 c 0 0 5 4 10 -3 c..."
</animate>
Only the coordinates can be changed!
(ie, one cannot change a line to a curve)
"
- The object is on top of "#Explanation
()"
- The object is animated by "#Animation
()"
Information on ##Animation
Deforms the duck into a potato and back
- The object animates "#AnimatedDuck
(A simple duck image.)"
-
the animation begins at: "user clicks on duck"
-
the duration of the animation is of: "2s"