silverlight: Person run Animation

.Background

I learn the silverlight about the web game. I feel the silverlight is very good from web game develop.

So it make  me become very interest in web game.

 

I refer to relative articles

for example:

http://blog.csdn.net/alamiye010/archive/2009/05/30/4226444.aspx

 

I found his articles are very good.

 

I write the sample for silverlight about Person move effect .

code is here:

frontEnd code:

<navigation:Page x:Class="SilverlightApplication1.Game.PersonRun" 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="PersonRun Page"> <Grid x:Name="LayoutRoot"> <Canvas x:Name="Cas_Scene" Background="Gray" MouseLeftButtonDown="Cas_Scene_MouseLeftButtonDown" Width="1000" Height="700"> <Image Source="../images/body/1/2-0.png" x:Name="img_Person" ></Image> </Canvas> </Grid> </navigation:Page>  

 

code behind:

using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Collections.Generic; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Linq; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Net; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Controls; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Documents; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Input; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Media; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Media.Animation; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Shapes; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Navigation; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Threading; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Media.Imaging; namespace SilverlightApplication1.Game { public partial class PersonRun : Page { Storyboard m_SB; public PersonRun() { InitializeComponent(); Loaded += new RoutedEventHandler(PersonRun_Loaded); } void PersonRun_Loaded(object sender,RoutedEventArgs e) { <a href="/tag/dis/" target="_blank" class="keywords">dis</a>patcherTimer pt = new <a href="/tag/dis/" target="_blank" class="keywords">dis</a>patcherTimer(); pt.Tick += new EventHandler(pt_Tick); pt.Interval = TimeSpan.FromMilliseconds(100); pt.Start(); //throw new NotImplementedException(); } int ImageCount = 3; void pt_Tick(object sender,EventArgs e) { if (m_SB != null && m_SB.GetCurrentTime() != TimeSpan.FromMilliseconds(1000)) { img_Person<a href="/tag/so/" target="_blank" class="keywords">.so</a>urce = new BitmapImage(new Uri("../images/body/1/2-" + ImageCount + ".png",UriKind.Relative)); ImageCount++; if (ImageCount > 8) { ImageCount = 3; } } else { img_Person<a href="/tag/so/" target="_blank" class="keywords">.so</a>urce = new BitmapImage(new Uri("../images/body/1/2-0.png",UriKind.Relative)); } //throw new NotImplementedException(); } // Executes when the user navigates to this page. protected override void OnNavigatedTo(NavigationEventArgs e) { } private void Cas_Scene_MouseLeftButtonDown(object sender,MouseButtonEventArgs e) { TimeSpan m_AnimationTimeSpan = TimeSpan.FromMilliseconds(1000); double m_Person_X_From=Canvas.GetLeft(img_Person); double m_Person_Y_From=Canvas.GetTop(img_Person); Point m_PersonPoint=e.GetPosition(Cas_Scene); double m_PersonX_To=m_PersonPoint.X-50 ; double m_PersonY_To=m_PersonPoint.Y-80 ; m_SB = new Storyboard(); DoubleAnimation m_DA = new DoubleAnimation(); //x Direction m_DA.From = m_Person_X_From; m_DA.To = m_PersonX_To; m_DA.Duration = m_AnimationTimeSpan ; Storyboard.SetTarget(m_DA,img_Person); Storyboard.SetTargetProperty(m_DA,new PropertyPath("(Canvas.Left)")); m_SB.Children.Add(m_DA); //Y Direction m_DA = new DoubleAnimation(); m_DA.From = m_Person_Y_From; m_DA.To =m_PersonY_To; m_DA.Duration = m_AnimationTimeSpan; Storyboard.SetTarget(m_DA,new PropertyPath("(Canvas.Top)")); m_SB.Children.Add(m_DA); //start the storyboard m_SB.Begin(); } } }