Is there a polyline animation? [Archive] - XML Elves

Is there a polyline animation?

Lewey
05-10-2004, 10:41 AM
I understand that you can animate the attributes of an object in SVG, but what if I wanted to animate the points along a polyline. That is I have a polyline at one time and want to animate it to another (and then possibly to other lines after that). How does one do that in SVG, and does it require that the lines have the same number of points?

Thanks for any information in this regard.
-Lewey

P.S. The reason is I hope to make an SVG exporter for my tablet pc based rapid animation creator Ink AniEd (http://plaza.ufl.edu/lewey/anied/index.html)which animates one "ink stroke" to another.

Anonymous
05-10-2004, 12:58 PM
I understand that you can animate the attributes of an object in SVG, but what if I wanted to animate the points along a polyline. That is I have a polyline at one time and want to animate it to another (and then possibly to other lines after that). How does one do that in SVG, and does it require that the lines have the same number of points?

If you want smooth animation from polyline to other you need same number of points.
I add example on my site
pilat.free.fr/english/animer/polyline_morphing.htm
You can also animate d attribute for path with some restrictions for smooth animation :
same structure with only lines and/or Bezier curves
In ASV 3-6beta arcs cannot give smooth animation ...
See examples
pilat.free.fr/english/animer/index.htm

Michel

Lewey
05-10-2004, 06:03 PM
Hi Michel,
Just wanted to say thank you very much those examples where exactly what I was looking for. That is an excellent collection you have there. I do have one question though, is there some way of resetting the global time? So in my SVG I have lots of animations which all start and stop at different times, is there some way to reset them all at once to do looping or a reset button? Thanks.
-Lewey

Anonymous
05-11-2004, 01:05 AM
I do have one question though, is there some way of resetting the global time? So in my SVG I have lots of animations which all start and stop at different times, is there some way to reset them all at once to do looping or a reset button?
Use setCurrentTime() to reset or give value to timeline
See example from tutorial about scripting
http://www.learnsvg.com/tutorial2/example/setCurrentTime.svg

By script you can also stop animation
http://www.learnsvg.com/tutorial2/example/endElement.svg

Michel

 
Web mp2kmag.com
mapforums.com

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum