Come and learn the fundamentals of Silverlight animation. Start at the beginning with a review of storyboards and keyframes, and then break free from storyboards and explore procedural animations. This is where the rubber meets the road and your objects come to life-vectors, frame-based animations, collisions, particle systems, and VR objects.

3. “This book is easily worth ten times the
money. I haven't seen a better book about
animation in Silverlight yet.”
“The descriptions of how it works and WHY
to do something a certain way are
priceless. I had several quot;Oh, now I get itquot;
reactions over the course of reading this
book.”
“My best reviews are reserved for books
that teach the material well and completely.
This is the best of the books on Silverlight
that I've purchased. It rates five stars in my
world.”

7. <Storyboard x:Name=quot;Storyboard1quot;/>

10. <Storyboard x:Name=quot;Storyboard1quot;>
<DoubleAnimationUsingKeyFrames
BeginTime=quot;00:00:00quot;
Storyboard.TargetName=quot;ellipsequot;
Storyboard.TargetProperty=quot;(UIElement.RenderTr
ansform).(TransformGroup.Children)[3].(TranslateTran
sform.X)quot;>
<SplineDoubleKeyFrame KeyTime=quot;00:00:01quot;
Value=quot;370quot;/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>

13. <SplineDoubleKeyFrame
KeyTime=quot;00:00:01quot;
Value=quot;370quot;/>

15. <LinearDoubleKeyFrame
KeyTime=quot;00:00:01quot; Value=quot;370quot;/>
<SplineDoubleKeyFrame
KeyTime=quot;00:00:01quot; Value=quot;370quot;/>
<SplineDoubleKeyFrame
KeyTime=quot;00:00:01quot; Value=quot;370quot;
KeySpline=quot;0,0,0.50,1quot;/>
<DiscreteDoubleKeyFrame
KeyTime=quot;00:00:01quot; Value=quot;370quot;/>

16. Linear
Spline
Discrete

17. Models Remixed
Data Visualization

19. 0,0
+X
+Y
LayoutRoot Canvas

20. 0,0
+X
+Y
LayoutRoot Canvas

21. 0,0
+X
5,-5 5,5
Multiply the Y component by -1 to reverse direction
+Y
LayoutRoot Canvas

22. private Point ObjPosition;
private double VelocityX = 1;
private double VelocityY = -2;

23. private void Move_Completed(object
sender, EventArgs e)
{
}

24. VelocityY += Gravity;
ObjPosition.X += VelocityX;
ObjPosition.Y += VelocityY;
Canvas.SetLeft(MyObject,
ObjPosition.X);
Canvas.SetTop(MyObject,
ObjPosition.Y);

25. Move.Begin();

26. Ball Drop

33. Dog Walk

37. Space Marine

42. Visual State Manager

45. private void MoveParticles(object
sender, EventArgs e)
{
}

46. for (int i = 0; i <
Particles.Count; i++)
{
}

47. Canvas.SetLeft(Particles[i],
Canvas.GetLeft(Particles[i]) +
Particles[i].Velocity.X);
Canvas.SetTop(Particles[i],
Canvas.GetTop(Particles[i]) +
Particles[i].Velocity.Y);

48. Particles[i].Age += 1;

49. if (Particles[i].Age >=
Particles[i].LifeSpan)
{
LayoutRoot.Children.Remove(Particles[i]);
Particles.Remove(Particles[i]);
CreateParticles(1);
}

50. Move.Begin();

51. private void MoveParticles(object sender, EventArgs e)
{
for (int i = 0; i < Particles.Count; i++)
{
Canvas.SetLeft(Particles[i],
Canvas.GetLeft(Particles[i]) + Particles[i].Velocity.X);
Canvas.SetTop(Particles[i],
Canvas.GetTop(Particles[i]) + Particles[i].Velocity.Y);
Particles[i].Age += 1;
if (Particles[i].Age >= Particles[i].LifeSpan)
{
LayoutRoot.Children.Remove(Particles[i]);
Particles.Remove(Particles[i]);
CreateParticles(1);
}
}
Move.Begin();
}

52. Basic System

56. Comet
Fountain

67. Single plane (Bed)
Multi-plane (Mini Cooper)

69. Your feedback is important!

70. © 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market
conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation.
MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.