Use silverlight for animation-camera

Use silverlight for animation-the camera is suitable for beginners to learn how to make a camera animation. It is the same as flash Animation. Prepare materials.

 

Add materials to the Project

Before the official production, we made the animation usercontrol (similar to the 'movieclip 'Concept in flash) for future reuse convenience)

Create a UserControl

Place the image on the stage and adjust the position

Use a pen to draw an image at the top of the screen for mask use, the same concept as in flash.

Put the above thumbnail in a Canvas container

Select the Canvas container and the image you just drawn to create a mask.

Copy two masked Canvas containers for animation use.

Create a StoryBoard

Press the shortcut key F6 to adjust the Layout

Uses the visual effects of layers to intelligently control the movement of images.

Set the cycle attribute of StoryBoard to permanent loop

To enhance the animation effect, you can flash the small light on the camera and draw a red gradient circle above the camera.

Select the created StoryBoard, add it to it, and create an animation.

Controls its overall transparency attributes

Put the created camera UserControl into the Page.

Name the camera for Program Control

Write code to the Page. cs File

At this point, the animation is created and compiled and run by pressing F5.

Effect preview: