Foundation Silverlight 3 Animation- P3: Silverlight has really come a long way since I started using it. It’s kind of interesting to look back a mere two years (roughly) and think about how the workflow has changed. Of even more interest is the staggering speed at which new features are being added. In the time I’ve been using Silverlight, it has grown from a somewhat limited toolset to an ever-more-impressive technology that has really started to come into its own. | BASIC TRANSFORMS 1. Click the New storyboard button on the Objects and Timeline panel. Click OK when the Create Storyboard Resource dialog opens to accept the default storyboard name. Once again verify that the Blend layout is set to the Animation Workspace with the timeline open across the bottom of the screen. 2. Drag the timeline play head to 2 seconds. Select the fan element from the Objects and Timeline list. On the Transform pane select the Rotate tab and enter 720 into the Angle field. When you click the Play button for the timeline you will see the fan element perform two rotations over the course of the 2-second animation. If you are interested in seeing the angle at any given point in time on the storyboard drag the timeline play head and keep an eye on the Angle field of the Rotate tab. As you move the play head the value changes to reflect the fan s current angle. Once again Blend has taken the end value you specified and created all the in-between frames automatically. The storyboard for this project is shown in the following listing storyboard x Name Storyboardl DoubleAnimationUsingKeyFrames BeginTime 00 00 00 fan . - 2 . EasingDoubleKeyFrame KeyTime 00 00 02 Value 720 DoubleAnimationUsingKeyFrames Storyboard As noted earlier it is possible to change the point of origin for a transform by relocating the center point. To change the point around which an object is rotating click the Translate tab of the Transform pane. The small box with nine points located on the left side of the Transform pane allows you to change the location of the pivot to one of nine presets. 3. Click the red button at the top left of the artboard to turn off timeline recording and drag the timeline play head back to 0. 4. On the Translate tab click the top-left point as shown in Figure 2-7. Press the Play button for the timeline. The fan should now be rotating .
