In Silverlight 3, there are a lot of fantastic new features. One of it is the use of Easing Function in your Storyboard Animations. Easing functions allow you to apply custom mathematical formulas to your animations. It helps you to create animations that is more realistic and much more easy to manage.
You may find an overview of Silverlight Animations Overview from here.
Silverlight has provided 11 preset Easing Functions. Each EasingFunctions have 3 EaseMode (EaseIn, EaseOut, EaseInAndOut). Below is a general overview how the easing functions look like.
Each functions has it own style and you can create a lot of effects if you use them wisely. Besides the built-in ease functions, you are able to create your own Easing Function as well. However, I think the built-in easing functions is able to handle most of the cases.
Well, I believe the graph above is not intuitive enough for you to project the actually animation effect that can be applied to your Silverlight controls. Don’t worry, check out the below Application and have a experience the power of the Storyboard Animationis.
Demo and Source Code
Source Code:
Storyboard Easing Preview [Silverlight 3, C#] (307.9 KiB, 1,319 hits)
July 22nd, 2009 at 8:47 pm
11 Storyboard Animation Easing Demonstration…
Thank you for submitting this cool story - Trackback from NewsPeeps…
July 23rd, 2009 at 1:17 am
Аднажды в студеную летнюю пору. Бродил Я по сети. Наткнулся на пост. Понравилось очень! Респект выражаю! И даже закладки себе добавляю!
July 23rd, 2009 at 2:21 am
This is a great and very helpful demonstration on easing. Thank you for taking the time to share this!
July 23rd, 2009 at 5:34 am
This is VERY Helpful.
July 23rd, 2009 at 5:50 am
Какие положительные результаты :)
July 23rd, 2009 at 2:44 pm
Thanks a lot for sharing this great(!) post!
December 3rd, 2009 at 5:35 am
This is probably the single most helpful animation / transform / easing example I have ever used. Hands down an absolute must! Thank you for sharing this with us. I can’t tell you how much this has opened my eyes. I’ve done hours of research and in just the small article found everything I was looking for. :)
March 17th, 2010 at 2:30 am
[...] http://www.shinedraw.com/animation-effect/11-storyboard-animation-easing-demonstration/ [...]