silverlight: Moving effect

I already kNow the base kNowledge of  silverlight,So I want to write the web game about the silverlight.

I start study this subject.

 

I just write the moving effect with silverlight. I feel the good,it is so easyer than the javascript .

 

my code is here:

<navigation:Page x:Class="SilverlightApplication1.Game.GameMove" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ig<a href="/tag/nor/" target="_blank" class="keywords">nor</a>able="d" xmlns:navigation="clr-namespace:Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Controls;assembly=Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Controls.Navigation" d:DesignWidth="640" d:DesignHeight="480" Title="GameMove Page"> <Grid x:Name="LayoutRoot"> <TextBlock x:Name="message" Text="oo" ></TextBlock> <Canvas x:Name="Canvas_Layout" MouseLeftButtonDown="Canvas_Layout_MouseLeftButtonDown" Width="500" Height="400" Background="Black"> <Rectangle x:Name="Rect_Cat" Fill="Red" Canvas.Left="0" Canvas.Top="0" Width="10" Height="10"> </Rectangle> </Canvas> </Grid> </navigation:Page>  

code benide

private void Canvas_Layout_MouseLeftButtonDown(object sender,MouseButtonEventArgs e) { Storyboard sb = new Storyboard(); //if (!Resources.Contains("rect_MyCar")) //{ Point p = e.GetPosition(Canvas_Layout); message.Text = string.Format("x:{0}||y:{1}",p.X,p.Y); DoubleAnimation da = new DoubleAnimation(); da.From = Canvas.GetLeft(Rect_Cat); da.To = p.X; da.Duration = new Duration(TimeSpan.FromMilliseconds(500)); Storyboard.SetTarget(da,Rect_Cat); Storyboard.SetTargetProperty(da,new PropertyPath("(Canvas.Left)")); sb.Children.Add(da); da = new DoubleAnimation(); da.From = Canvas.GetTop(Rect_Cat); da.To = p.Y; da.Duration = new Duration(TimeSpan.FromMilliseconds(500)); Storyboard.SetTarget(da,new PropertyPath("(Canvas.Top)")); sb.Children.Add(da); // Resources.Add("rect_MyCar",sb); //} //else //{ // sb = Resources["rect_MyCar"] as Storyboard; //} sb.Begin(); } 

 

I use the code create the storyboard and doubleAnimation . I will create it in xaml file in next subject.