Project Description
Circle Animation is a Silverlight control that allows you to animate objects over a curve. Using the built-in designer, all you have to do is drag your start and end points on the screen and set your angle, and your controls will be moving along curves!

The idea is that if you want a UIElement to be animated over a curve from point A to B, all you have to do is define an angle that carves the arc of the path between the two. In other words, visualize a circle that both points lay on, and an angle to define how sharp the arc is. For example, if you want to go from point A to B, over a curve that would be from the "top" of a circle to the "bottom," the angle would be 180 degrees.

All you have to do is dump a CircleAnimation user control into your Silverlight app, and wire it up to a UIElement to animate. CircleAnimation also ships with a "run-time" designer that allows you to put the control in "Design" mode. In Design mode, just click on a UIElement that's a child of a canvas, drag around the start and end points, and set the angle. You can then watch what your animation will do!

Best of all, CircleAnimation generates the XAML you need to place back in your user control: no guesswork needed to animate over a curve!

Read my blog for all the details, updates, etc.

Here's what it looks like:


Last edited Jun 8, 2009 at 4:42 PM by cdomino, version 8