Question

Greetings!

I am currently working on a Silverlight project and I would like to animate a simple polygon shape (a trapezoid actually). Specifically, I woudld like to move two of the four points dynamically after some event happened. I need / want to resize and move one of the parallel sides to another position.

I admit I am rather new to Silverlight and have not found a source that could tell me wether it is even possible, not to mention how it can be done.

I have used animations before, so the general concept of storyboards and animations is not new to me. But how can I move the points of a polygon in an animation? Are there alternatives that have a similar optical effect (e.g. animating a path)?
Is there a PropertyPath I can use, similar to

P3AnimBack.SetValue(Storyboard.TargetPropertyProperty, 
    new PropertyPath("(Path.Data).
        (PathGeometry.Figures)[0].(PathFigure.Segments)[0].
        (BezierSegment.Point3)"));

, as found in a Point Animation in Silverlight 3 tutorial?

Thank you all in advance. 🙂

Answer 1

i don’t know anything about Silverlight, or animations in .NET in general, but Charles Petzold did something similar:

• Squaring the Circle (view animation in browser)
• Animating Points and PointCollections in Silverlight (view in browser)
• Animated Polyline Interpolations in Silverlight