What’s New In Silverlight 3? Easier Easing

Animated movement often seems much more natural and realistic if the moving object accelerates up to speed or decelerates before stopping. The technique of adding that change in velocity is called Easing. You can imagine that the acceleration to speed, and the deceleration would create a curve when plotted as distance against time, and in fact in prior versions of Expression Blend that curve was often hand drawn as shown in the following two images,


easier easing.easing1

Image 1 – Starting to set Easing


easier easing.Easing2
Image 2 – Adding In Easing


Typically this was presented to the developer as follows “… and then you want to drag this over a bit to add some easing and make things more realistic…”

The typical developer’s reaction was….


Easing Scream

perhaps somewhat less than what the designer might have hoped for.


In Expression Blend 3 Easing is much more intuitive, starting with a drop down menu that acts as a menu for the most common types of easing used, with each pre-defined and illustrated as shown here:


easier easing.Easing4


Among the predefined easing formulae are spring and bounce; adding these to your animation can provide tremendously enhanced realism. 

A review of this topic can be found in the mini-tutorial Easing Is Easier and a new video is available as well.



Previous: Validation   Next Element Binding

About Jesse Liberty

Jesse Liberty has three decades of experience writing and delivering software projects and is the author of 2 dozen books and a couple dozen Pluralsight & LinkedIn Learning courses. He was a Senior Technical Evangelist for Microsoft, a Distinguished Software Engineer for AT&T, a VP for Information Services for Citibank and a Software Architect for PBS. He is a Xamarin Certified Mobile Developer and a Xamarin MVP and a Microsoft MVP.
This entry was posted in z Silverlight Archives. Bookmark the permalink.